PhUI - API¶

Implementa interfaz gráfica a través de la combinación de componentes (codificados en Java Script Lite), estilos basados en CSS (Cascading Style Sheets) e imágenes / fuentes almacenadas en el dispositivo y referenciadas en el archivo Json que contiene estos estilos.

Los componentes son partes de scripts que codifican el comportamiento del objeto y su interconexión jerárquica con otros componentes. Estos códigos interpretan el estilo del componente y lo muestran en la pantalla. Codifica respuestas a eventos como tocar la pantalla, presionar teclas, etc.

Los estilos hacen referencia a la característica visual, la ubicación de los componentes y los códigos de respuesta a algunos eventos. Se almacenan en un archivo ASCII utilizando una estructura de datos JSON (JavaScript Object Notation) y se organizan siguiendo un patrón CSS modificado.

Las imágenes y fuentes que definen el aspecto, se almacenan en el dispositivo y se hace referencia, a través de su nombre físico, en el archivo de estilos, que a su vez se interpreta en el propio script del administrador del componente.

Estas son las tres partes fundamentales de la API gráfica basada en componentes de Java Script Lite.

Para obtener más detalles, consulte el conjunto de paquetes de ejemplos proporcionado con el SDK.

Sumario de urls utilizadas en la API¶

Módulo url

Anim package://phui#components/anim.wmlsc

Boolean package://phui#components/boolean.wmlsc

Button package://phui#components/button.wmlsc

Component package://phui#components/components.wmlsc

Events package://phui#components/events.wmlsc

Field package://phui#components/field.wmlsc

Frame package://phui#components/frame.wmlsc

Grid package://phui#components/grid.wmlsc

Hotkey package://phui#components/hotkey.wmlsc

Image package://phui#components/image.wmlsc

Info package://phui#input/info.wmls

Info Components package://phui#components/info.wmlsc

InputUI package://phui#input/input.wmlsc

Keyboard package://phui#components/keyboard.wmlsc

Label package://phui#components/label.wmlsc

Memo package://phui#components/memo.wmlsc

Menu package://tefui#ui/menu.wmlsc

Menu Components package://phui#components/menu.wmlsc

Navigation package://phui#components/navigation.wmlsc

Paged_menu package://phui#components/paged_menu.wmlsc

Progress package://phui#components/progress.wmlsc

Scroll package://phui#components/scroll.wmlsc

Status package://phui#components/status.wmlsc

Style package://phui#components/style.wmlsc

Timer package://phui#components/timer.wmlsc

Tbitmap package://libs#ui/tbitmap.wmlsc

Anim¶

package://phui#components/anim.wmlsc

Componente que ofrece soporte para animación de imágenes

create¶

Anim#create(fname, styleName)

Crea un nuevo anim

Parámetros¶

cname - Nombre del componente (referencia en json debajo de la clase raiz "animation")

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Duvelve¶

Devuelve el anim creado.

Ejemplo¶
use url Anim  "package://phui#components/anim.wmlsc";

var anim = Anim#create("Processing", invalid);
Resultado¶

paint¶

Anim#paint(frame, component)

Dibuja el componente del frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente a dibujar

Retorno¶

undefined

onTimer¶

Anim#onTimer(frame, component)

Agrega un tiempo que el frame debe esperar para estar inactivo antes de cerrarse.

Parámetros¶

frame - frame alvo

component - componente que esperará el tiempo.

Retorno¶

undefined

Boolean¶

package://phui#components/boolean.wmlsc

Componente que presenta una interfaz de confirmación en pantalla. Restringido al terminal modelo D200

Sumario¶

Función Descripción

create implementar interfaz de confirmación.

paint dibujar interfaz de confirmación.

onKey detecta qué tecla ha sido seleccionada: ENTER o ESC.

Create¶

Boolean#create(fname, msgTrue, msgFalse, defaultValue, styleName)

Prepara una interfaz de confirmación.

Parámetros¶

fname - string - nombre del componente en el archivo de estilo .jcss;;

msgTrue - string - con el mensaje de confirmación;

msgFalse - string - con el mensaje de confirmación;

defaultValue - boolean - definir qué componente se va ha enfocar;

styleName - string - con el nombre del archivo de estilo o invalid;

Retorno¶

Devuelve el componente creado.

Paint¶

Boolean#paint(frame, component)

Prepara una interfaz de confirmación.

Parámetros¶

frame - string - instancia de Frame#create;

component - string - instancia de Boolean#create;

Retorno¶

Devuelve el componente creado.

onkey¶

Boolean#onKey(frame, component, key)

Evento que detecta qué tecla ha sido seleccionada: ENTER o ESC.

Parámetros¶

frame - string - instancia de Frame#create;
component - string - instancia de Boolean#create;
key - constant - siendo PhKeyBoard.KEY_ENTER o PhKeyBoard.KEY_ESC;

Retorno¶

Devuelve el componente creado.

Ejemplo:¶

use url Frame        "package://phui#components/frame.wmlsc";
use url Events       "package://phui#components/events.wmlsc";
use url Boolean      "package://phui#components/boolean.wmlsc";
use url Component    "package://phui#components/components.wmlsc";


extern function test()
{
 var module = "package://samplesui/sampleui_buttons.wmlsc";
 var comp = Boolean#create("boolean", "sim", "não", 0, "estilo.jcss");
 var key = Events#create("key", module, "onKey", invalid);
 var frame    = Frame#create("memo", "");
 var controle = true;

 Component#addEventHandler(comp, key);
 Frame#add(frame, Label#create("footerBoolean", "lb", "estilo.jcss"));
 Frame#add(frame, comp);

 while (controle)
 {
   Frame#show(frame);
   var keyPress = Frame#getResultCode(frame);
   var keyi = Boolean#onKey(frame, comp, key);
   if(keyPress == 13)
   {
     Dialogs.alert("Uma tecla foi pressionada: "+keyi);
     Dialogs.alert("Pressionou a tecla ENTER.");
     controle = false;
   }
   else if (keyPress == 27)
   {
     Dialogs.alert("Uma tecla foi pressionada: "+keyi);
     Dialogs.alert("Pressionou a tecla ESC.");
     controle = false;
   }
 }
}

Ejemplo de salida en la pantalla:

Se presionó una tecla : true
Se presionó ENTER

Button¶

package://phui#components/button.wmlsc

Componente que ofrece soporte para creación de botones

Función Descripción

create Cria un nuevo botón.

createExt Cria un nuevo botón.

getText Obtiene el contenido de la propiedad de texto del componente.

setImgName Asigna el nombre de la imagen del botón.

setLabelAlign Asigna la alineación del texto en el botón.

setText Asigna una string a la propiedad de texto del componente.

create¶

Button#create(fname, attrs, styleName)

Cria un nuevo botón

Parámetros¶

fname - Nombre del componente (referencia en json debajo de la classe raiz "button")

attrs - Lista de atributos o string que contiene el título del botón. Si se pasa una lista, el primer elemento debe ser el título del botón y el segundo, el código de la tecla que se mapeará con el toque del botón.

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el botón creado.

Ejemplo¶
use url Button "package://phui#components/button.wmlsc";

var bt1  = Button#create("botao1", "Botão 1", invalid);
Resultado¶

createExt¶

Button#createExt(fname, attrs, styleName)

Parámetros¶

fname - String identificador de botón definido en el archivo de Style.

attrs - Texto del botón;

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

El botón se crea en la pantalla

Ejemplo¶
 use url Frame     "package://phui#components/frame.wmlsc";
 use url Button    "package://phui#components/button.wmlsc";

 var frame  = Frame#create("idle", invalid);
 var bt1    = Button#createExt("bt1", "My Button", "layout.jcss");
 Frame#add(frame, bt1);
 Frame#show(frame);

getText¶

Button#getText(component)

Obtiene el contenido de la propiedad de texto del componente.

Parámetros¶

component - Instancia de Button#create

Retorno¶

Obtiene el texto actual del botón

Ejemplo¶

  use url Button    "package://phui#components/button.wmlsc";
  use url Component "package://phui#components/components.wmlsc";
  use url Events    "package://phui#components/events.wmlsc";
  use url Frame     "package://phui#components/frame.wmlsc";

  var frame  = Frame#create("idle", invalid);
  var bt1    = Button#create("bt1", "Hello", "layout.jcss");
  var module = "package://myapplication/myfile.wmlsc";
  var key = Events#create("key", module, "onKey", invalid);

  Component#addEventHandler(bt1, key);
  Component#setFocusable(bt1, true);

  Frame#add(frame, Status#create(Style#STATUS(), invalid));
  Frame#add(frame, bt1);

  Frame#show(frame);
  var keyPress = Frame#getResultCode(frame);
  if(keyPress == 130)
  {
    Dialogs.alert("Botão " + Button#getText(bt1) + " foi clicado");
  }

setImgName¶

Button#setImgName(component, img)

Asigna el nombre de la imagen del botón.

Parámetros¶

component - componente seleccionado.

img - nombre de la imagen del botón.

Retorno¶

Ninguno

setLabelAlign¶

Button#setLabelAlign(component, align)

asigna la alineación del texto en el botón.

Parámetros¶

component - componente seleccionado;

align - alineación del texto, los valores están representados por constantes de paquete Display (package://libs#ui/display.wmlsc) son ellos: _ FG_ALIGN_RIGHT() - alinea el texto a la direcha: _ FG_ALIGN_LEFT() - alinea el texto a la izquierda:

FG_ALIGN_TOP() - alinea el texto en la parte superior:

FG_ALIGN_BOTTOM() - alinea el texto al final:

FG_ALIGN_CENTER() - alinea el texto al centro:

FG_ALIGN_VERT() - alinea el texto en vertical:

Retorno¶

Ninguno

setText¶

Button#setText(label, text)

Asigna una string a la propiedad de texto del componente.

Parámetros¶

label - Instancia del Button#create;
text - texto asignado;

Retorno¶

Se cambia el texto del botón

Ejemplo¶

 use url Button    "package://phui#components/button.wmlsc";
 use url Component "package://phui#components/components.wmlsc";
 use url Events    "package://phui#components/events.wmlsc";
 use url Frame     "package://phui#components/frame.wmlsc";

 var frame  = Frame#create("idle", invalid);
 var bt1    = Button#create("bt1", "Hello", "layout.jcss");
 Frame#add(frame, bt1);
 Frame#show(frame);
 var keyPress = Frame#getResultCode(frame);

 if(keyPress == 130)
 {
      Button#setText(bt1,  "World!");
 }

Component¶

package://phui#components/components.wmlsc

Clase para crear nuevos componentes #### Sumario

Función Descripción

create crea un nuevo componente

loadProperties carga el layout definido en un archivo .jcss en las propiedades del componente

getName obtén el nombre del componente

getType obtén el tipo del componente

getCustom obtén el custom del componente

setCustom asigna el custom del componente

getModule obtén el módulo del componentes

getBounds obtén una lista con los atributos (x, y, w, h) del componente

contains comprueba si el componente está contenido en el frame, según las propiedades x, y, w y h.

draw dibuja el componente del frame

getEventHandler obtén el handler de un evento en el componente

clearEventHandler elimina todos los eventos del componente

removeEventHandler elimina el evento del componente

addEventHandler agrega un evento en el componente

isFocusable comproba si el componente permite el enfoque

setFocusable agrega al componente la posibilidad de enfoque

setFocus agrega al componente el enfoque

isFocused comproba si el componente está enfocado.

isEnable comproba si el componente está activado.

setEnable habilita el componente

getProperties obtén las propriedades del componente

getPropertiesCustomLoaded obtén las propriedades del custom cargado en componente

getStyleName obtén el nombre del estilo del componente

setStyleName cambia el archivo jcss del componente.

getModified comprueba si es necesario dibujar el componente

setModified agrega un booleano que indica si es necesario dibujar el componente.

getBackgroundEnabled comprueba si el background del componente está habilitado.

setBackgroundEnabled asigna un valor booleano que indica si el background está habilitado o no.

hasSubComponents comprueba si el componente es un subcomponente

setHasSubComponents asigna un booleano que indica si el componente es un subcomponente o no

isPaginator comprueba si el componente es un paginador

setPaginator asigna un booleano que indica si el componente es un paginador o no.

getText obtén el texto del componente.

setText asigna un texto al componente.

drawBackgroundFromStyle2 dibuja el fondo del componente

drawBackgroundFromStyle dibuja el fondo del componente

drawBackgroundFromProperties dibuja el fondo del componente en función de las propiedades pasadas.

getY obtén la coordenada Y del componente

getX obtén la coordenada X del componente

getW obtén el ancho del componente

getH obtén la altura del componente

setY asigna la coordenada X al componente

setX asigna la coordenada Y al componente

setW asigna el ancho del componente

setH asigna la altura del componente

getCenterX obtén la posición central de la coordenada X

getCenterY obtén la posición central de la coordenada Y

getFontName obtén el nombre de la fuente del componente

getFontColor obtén el color de fuente del componente

getimageName obtén el nombre de la imagen asignada al componente

getComponents obtén todos los subcomponentes de un componente. Actualmente solo el componente Grid tiene subcomponentes

create¶

Component#create(type, cname, custom, module, styleName)

Crea un nuevo Componente

Parámetros¶

type - String - Tipo de componente a crear.

cname - String - Nombre del componente.

custom - PhList - lista con la personalización del componente.

module - String - módulo responsable de la gestión del componente.

styleName - String - nombre del archivo jcss, si no tiene, se puede asignar invalid o " ".

Retorno¶

Devuelve el componente creado.

loadProperties¶

Component#loadProperties(style, component)

Carga el layout definido en un archivo .jcss en las propiedades del componente

Parámetros¶

style - String - nombre del archivo .jcss.

component - Component- componente seleccionado.

Retorno¶

Devuelve un componente.

getName¶

Component#getName(component)

Obtén el nombre del componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve una string.

getType¶

Component#getType(component)

Obtén el tipo del componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve el tipo del componente.

getCustom¶

Component#getCustom(component)

Obtén el custom del componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve el custom del componente

setCustom¶

Component#setCustom(component, custom)

Asigna el custom del componente

Parámetros¶

component - Component - Componente seleccionado. custom - Atributos personalizados del componente.

Retorno¶

Ninguno

getModule¶

Component#getModule(component)

Obtén el módulo del componentes

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

devuelve el módulo del componentes

getBounds¶

Component#getBounds(component)

Obtén una lista con los atributos (x, y, w, h) del componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

devuelve una PhList.

contains¶

Component#contains(frame, component)

Comprueba si el componente está contenido en el frame, según las propiedades x, y, w y h.

Parámetros¶

frame - Frame - Frame que contiene el componente.

component - Component - Componente que se debe comprobar.

Retorno¶

true o false.

draw¶

Component#draw(frame, component, force)

Dibuja el componente

Parámetros¶

frame - Frane - Frame seleccionado para agregar el componente.

component - Component - Componente a dibujar en el frame.

force - Boolean - booleano para forzar o no a rediseñar el componente.

Retorno¶

devuelve una PhList.

getEventHandler¶

Component#getEventHandler(component, event)

Obtén el handler de un evento en el componente

Parámetros¶

component - Component - Componente seleccionado.

event - Event evento seleccionado.

Retorno¶

devuelve el handler

removeEventHandler¶

Component#removeEventHandler(component, event)

Elimina todos los eventos del componente

Parámetros¶

component - Component - Componente seleccionado.

event - evento seleccionado.

Retorno¶

Ninguno

clearEventHandler¶

clearEventHandler(component)

Elimina el evento del componente

Parámetros¶

component - Component - Componente

Retorno¶

Ninguno.

addEventHandler¶

Component#addEventHandler(component, event)

Agrega un evento en el componente

Parámetros¶

component - Component - Componente seleccionado.

event Event - evento seleccionado.

Retorno¶

devuelve true o false

isFocusable¶

Component#isFocusable(component)

Comproba si el componente permite el enfoque

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve true o false

setFocusable¶

Component#setFocusable(component, value)

Agrega al componente la posibilidad de enfoque

Parámetros¶

component - Component - Componente seleccionado.

value - Boolean true o false.

Retorno¶

Ninguno

setFocus¶

Component#setFocus(component, value)

Agrega al componente el enfoque

Parámetros¶

component - Component - Componente seleccionado.

value - Boolean true o false.

Retorno¶

Ninguno

isFocused¶

Component#isFocusable(component)

Comproba si el componente está enfocado.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve true o false

isEnable¶

Component#isEnable(component)

Comproba si el componente está activado.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve true o false

setEnable¶

Component#setEnable(component, value)

Habilita el componente

Parámetros¶

component - Component - Componente seleccionado.

value - Boolean - true o false.

Retorno¶

Ninguno

getProperties¶

Component#getProperties(component)

Obtén las propriedades del componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve un Map con las propriedades.

getPropertiesCustomLoaded¶

Component#getPropertiesCustomLoaded(component)

Obtén las propriedades del custom cargado en componente.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve las propriedades del componente.

getStyleName¶

Component#getStyleName(component)

Obtén el nombre del estilo del componente.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

String que contiene el nombre del archivo.

setStyleName¶

Component#setStyleName(component, styleName)

Cambia el archivo jcss del componente.

Parámetros¶

component - Component - Componente seleccionado.

styleName - String - nombre del archivo jcss.

Retorno¶

Ninguno

getModified¶

Component#getModified(component)

Comprueba si es necesario dibujar el componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

true o false

setModified¶

Component#setModified(component, mod)

Agrega un booleano que indica si es necesario dibujar el componente.

Parámetros¶

component - Component - Componente seleccionado.

mod - Boolean - true o false../>

Retorno¶

Ninguno

getBackgroundEnabled¶

Component#getBackgroundEnabled(component)

comprueba si el background del componente está habilitado.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

true o false

setBackgroundEnabled¶

Component#setBackgroundEnabled(component, enable)

Asigna un valor booleano que indica si el background está habilitado o no.

Parámetros¶

component - Component - Componente seleccionado.

enable - Boolean - true o false.

Retorno¶

Ninguno

hasSubComponents¶

Component#hasSubComponents(component)

Comprueba si el componente es un subcomponente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

true o false

setHasSubComponents¶

Component#setHasSubComponents(component, has)

Asigna un booleano que indica si el componente es un subcomponente o no.

Parámetros¶

component - Component - Componente seleccionado.

has - Boolean - true o false.

Retorno¶

Ninguno

isPaginator¶

Component#isPaginator(component)

Comprueba si el componente es un paginador

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

true o false

setPaginator¶

Component#setPaginator(component, pag)

Asigna un booleano que indica si el componente es un paginador o no.

Parámetros¶

component - Component - Componente seleccionado.

pag - Boolean - true o false.

Retorno¶

Ninguno

getText¶

Component#getText(component)

Obtén el texto del componente.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

String que contiene el texto

setText¶

Component#setText(component, text)

Asigna un texto al componente.

Parámetros¶

component - Component - Componente seleccionado.

text - String - texto que se agregará al componente.

Retorno¶

Ninguno

drawBackgroundFromStyle2¶

Component#drawBackgroundFromStyle2(component)

Dibuja el fondo del componente .

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Ninguno

drawBackgroundFromStyle¶

Component#drawBackgroundFromStyle(component, style, code)

Dibuja el fondo del component.

Parámetros¶

component - Component - Componente seleccionado.

style - String - Archivo de layout.

code - Integer - Código de la tecla.

Retorno¶

Ninguno

drawBackgroundFromProperties¶

drawBackgroundFromProperties(properties, code, enabled)

Dibuja el fondo del componente en función de las propiedades pasadas.

Parámetros¶

properties - Map - mapa con las propiedades.

code - Integer - código de la tecla..

enabled - Boolean - booleano que indica si el componente está habilitado.

Retorno¶

Ninguno

getY¶

Component#getY(component)

obtén la coordenada X del componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve um Entero

getX¶

Component#getX(component)

Obtén la coordenada Y del componente.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve um Entero

getW¶

Component#getW(component)

Obtén el ancho del componente

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve um Entero

getH¶

Component#getH(component)

Obtén la altura del componente .

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve um Entero

setX¶

Component#setX(component, X)

Asigna la coordenada X al componente.

Parámetros¶

component - Component - Componente seleccionado.

X - Integer - valor de la coordenada X.

Retorno¶

Ninguno

setY¶

Component#setY(component, Y)

Asigna la coordenada Y al componente.

Parámetros¶

component - Component - Componente seleccionado.

Y - Integer - valor de la coordenada Y.

Retorno¶

Ninguno

setW¶

Component#setW(component, W)

Asigna el ancho del componente.

Parámetros¶

component - Component - Componente seleccionado.

W - Integer - Valor del Ancho.

Retorno¶

Ninguno

setH¶

Component#setH(component, H)

Asigna la altura del componente.

Parámetros¶

component - Componente seleccionado.

H - Integer - Valor del altura.

Retorno¶

Ninguno

getCenterX¶

Component#getCenterX(component)

Obtén la posición central de la coordenada X

Parámetros¶

component - Componente seleccionado.

Retorno¶

Devuelve un Entero

getCenterY¶

Component#getCenterY(component)

Obtém la posición central de la coordenada Y

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Devuelve um Entero

getFontName¶

Component#getFontName(component)

Obtén el nombre de la fuente del componente.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

devuelve una String.

getFontColor¶

Component#getFontColor(component)

Obtén el color de fuente del componente.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

entero con el color en formato decimal.

getimageName¶

Component#getimageName(component)

Obtén el nombre de la imagen asignada al componente.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

String que contiene el nombre de la imagen.

getComponents¶

Component#getComponents(component)

Obtén todos los subcomponentes de un componente. Actualmente solo el componente Grid tiene subcomponentes.

Parámetros¶

component - Component - Componente seleccionado.

Retorno¶

Una lista de componentes.

Ejemplo¶

use url Component   "package://phui#components/components.wmlsc";
use url Frame       "package://phui#components/frame.wmlsc";
use url Label       "package://phui#components/label.wmlsc";
use url Map         "package://vm#core/map.wmlsc";

var frame = Frame#create("frame",  "invalid");
var label = Label#create("label", "label", "invalid");

var labelProperties = Component#getProperties(label);

Map#put(labelProperties,  "backgroundColor", 11484477);

Component#setX(label, 10);

Component#setY(label,  50);

Component#setY(label,  50);

Component#setW(label,  200);

Component#setH(label,  50);

Component#setFocusable(label, true);

Component#setFocus(label,  true);

Frame#add(frame, label);
Frame#show(frame);

Events¶

package://phui#components/events.wmlsc

Componente que soporta eventos

create¶

Events#create(event, module, fname, custom)

Crea un nuevo evento.

Parámetros¶

event - Nombre del evento

module - Script que gestionará el evento

fname - Función que executará o evento

custom - personalización de eventos

Retorno¶

Devuelve el evento creado.

Ejemplo¶
use url Events    "package://phui#components/events.wmlsc";

var ev1  = Events#create("timer", "package://scripts#meumodulo/scroll_banner.wmlsc", "onTimer", 1);

isEvent¶

Events#isEvent(handler, event)

valida si el handler es un evento.

Parámetros¶

handler - Script que gestionará el evento.

event - Nombre del evento

Retorno¶

Devuelve true o false

getCustom¶

Events#getCustom(handler)

obtén el custom del componente.

Parámetros¶

handler - dirección del componente.

Retorno¶

Devuelve el handler del componente.

setCustom¶

Events#setCustom(handler, value)

Asigna un valor al hendler del componente.

Parámetros¶

handler - Direccíon del componente.

value - valor asignado.

Retorno¶

Devuelve el handler del componente.

call¶

Events#call(handler, params)

handler - llama al script que generará el evento pasando sus parámetros.

handler - parámetros de función.

Parámetros¶

handler - Direccíon del componente.

value - valor asignado.

Retorno¶

Devuelve true o false

Field¶

package://phui#components/field.wmlsc

Componente que ofrece soporte a edición de texto.

Constantes¶

Constantes Descripción Valor

Field#MONEY Dinero 0

Field#NUMBER Número 1

Field#STRING Texto 2

Constantes Descripción Valor

Field#CHAR_ALFA Caracteres Alfanuméricos 1

Field#CHAR_NUMERICO Caracteres Numéricos 2

Field#CHAR_HIDDEN Caracteres Ocultos 4

Field#CHAR_REWRITE Sobrescribe el texto inicial 8

Field#CHAR_ALFA_LOWER Caractere alfanumérico diminuto 64

Field#CHAR_ALFA_UPPER Caractere alfanumérico mayúscula 128

Constante Descripción Valor

Field#DIRECTION_LEFT Campo capturado desde la izquierda 16

Field#DIRECTION_RIGHT Campo capturado desde la derecha. 32

Constantes Descripción Valor

Field#INPUT_MASK_NUMBERS Máscara para números N

Field#INPUT_MASK_LETTERS Máscara para letras L

Field#INPUT_MASK_ALFANUM Máscara para alfanuméricos A

Field#INPUT_MASK_ANYCHAR Cualquier caractere _

create¶

Field#create(fname, initialValue, mask, min, max, opcoes, mandatory, attrs, styleName)

Crea un edit para capturar un campo

Parámetros¶

fname -Nombre del componente en el archivo de estilo json.

initialValue - Valor inicial que aparecerá en el campo.

mask - Máscara utilizada en la entrada de datos.

min - Valor mínimo aceptado por el campo.

max - Valor máximo aceptado por el campo.

opcoes - Tipo de carácter y dirección de captura de campo. Se puede combinar mediante de un or lógico. (ver constantes)

mandatory - indica se o campo é obrigatório.

attrs - Lista que contiene valores booleanos que se refieren a las opciones respectivamente:

use T9 - Utiliza el teclado T9

disableRewriteOnKey - deshabilita la sobrescritura del valor

beepOnKey - bip en cada toque o tecla presionada

clearAll - borra todo o edit

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el field creado.

Ejemplo¶
use url Field     "package://phui#components/field.wmlsc";

var quantidade = "1";
var field = Field#create("quantidade", quantidade, "NNx", 1, 2, Field#CHAR_NUMERICO() | Field#CHAR_REWRITE() | Field#DIRECTION_LEFT(), true, [false, true, false, false], invalid);
Resultado¶

paint¶

Field#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - Frame donde se dibujará el componente.

component - componente que será dibujado.

Retorno¶

Ninguno

onTimer¶

Field#onTimer(frame, component)

Agrega un tiempo que el frame debe esperar inactivo antes de cerrarse.

Parámetros¶

frame - frame seleccionado

component - componente que esperará el tiempo.

Retorno¶

Ninguno

onKey¶

Field#onKey(frame, component, key)

captura las pulsaciones del teclado en el componente.

Parámetros¶

frame - frame donde está insertado el componente.

component - componente que será notificado por el evento.

key - tecla que activará la notificación.

Retorno¶

Ninguno

getText¶

Field#getText(component)

Obtén el contenido del field.

Parámetros¶

component - componente seleccionado

Retorno¶

devuelve una string.

hiddenText¶

Field#hiddenText(text, useT9)

oculta el texto del filed.

Parámetros¶

text - texto del field

useT9 - habilita el uso del teclado T9.

Retorno¶

devuelve una string con caracteres "*".

Frame¶

package://phui#components/frame.wmlsc

Componente que encapsula otros componentes (form)

create¶

Frame#create(framename, styleName)

Crea um novo frame

Parámetros¶

framename -Nombre del frame en el archivo json

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el frame creado.

Ejemplo¶
use url Frame  "package://phui#components/frame.wmlsc";

var frame  = Frame#create("main", invalid);

createExt¶

Frame#createExt(framename, title, styleName)

Crea un nuevo frame, con un título definido.

Parámetros¶

framename - Nombre del frame en el archivo json

title - Titulo del frame.

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el frame creado.

Ejemplo¶
use url Frame  "package://phui#components/frame.wmlsc";

var frame  = Frame#createExt("main", "titulo", invalid);

show¶

Frame#show(frame)

Muestra el frame.

Parámetros¶

frame - Componente seleccionado.

Retorno¶

Ninguno

add¶

Frame#add(frame, component)

agrega componentes al frame.

Parámetros¶

frame - Componente seleccionado.

component - componente que se agregará al frame.

Retorno¶

devuelve no válido si el componente ya existe en el frame.

remove¶

Frame#remove(frame, component)

Elimina el componente frame.

Parámetros¶

frame - Componente seleccionado.

component - Componente que se eliminará del frame.

Retorno¶

devuelve no válido si el componente no existe en el frame.

removeAll¶

Frame#removeAll(frame)

elimina todos los componentes del frame.

Parámetros¶

frame - Componente seleccionado.

Retorno¶

booleano, true en caso de éxito o false si no es posible borrar la lista. En caso de que no sea posible utilizar los parámetros se devolverá invalid.

getComponent¶

Frame#getComponent(frame, compName)

obtén un componente del frame.

Parámetros¶

frame - componente seleccionado.

compName - componente que desea obtener.

Retorno¶

devuelve el componente seleccionado en caso de éxito y invalid si no lo encuentra.

invalidate¶

Frame#invalidate(frame)

actualiza el frame.

Parámetros¶

frame - Componente seleccionado.

Retorno¶

Ninguno

invalidateExt¶

disponible a partir de la versión 1.4.22.7 del paquete >Frame#invalidateExt(frame, clearTouch)

actualiza el frame com con la posibilidad de borrar o no el Touch de la pantalla.

Parámetros¶

frame - Componente seleccionado.

clearTouch - boleano, indica se debe ou no limpiar el touch.

Retorno¶

Ninguno

getResultCode¶

Frame#getResultCode(frame)

Captura el código ASCII de la tecla presionada en el frame.

Parámetros¶

frame - Componente seleccionado.

Retorno¶

Devuelve el código ASCII de la tecla presionada.

setResultCode¶

Frame#setResultCode(frame, value)

Asigna un código para una validación posterior.

Parámetros¶

frame - Componente seleccionado.

value - código que desea asignar al frame para capturar en la salida.

Retorno¶

Ninguno

Grid¶

package://phui#components/grid.wmlsc

Componente que ofrece soporte a Grids

Constantes¶

Constante Valor Descripción

DEFAULT_OPTIONS 0 Patrón opción.

NUMERIC_SELECTION 4 Permite la selección numérica de los itens. (1-9).

SHOW_ITEM_INDEX 8 Muestra el índice en los itens.

AUTO_ARRENGE 32 Distribuye automáticamente los itens en la pantalla.

Función Descripción

create Crea una nueva grid.

getHeight obtén la altura del grid.

getComponent Obtén un componente que se inserta dentro del grid.

setMaxItens Indica la cantidad máxima de itens seleccionables.

resetCustom Restablece la configuración del grid a los valores padrones.

create¶

Grid#create(fname, items, options, styleName)

Crea un nuevo scroll.

Parámetros:¶

fname - string - nombre del Grid en el archivo de estilo;

items - Matriz (PhList de PhList) - de componentes que se exhibirán en Grid. Esta matriz define la ubicación de los elementos en Grid y debe seguir el siguiente formato:
[
  [col0, col1, col2], //line
  [col3, col4, col5], //column
];
Los itens de cada fila pueden tener diferentes áreas (W / H). La altura de cada línea se definirá por el elemento más alto de la línea. Si la opción AUTO_ARRANGE () está habilitada, no es necesario definir el posicionamiento en la Matriz, permitiendo la definición de una lista con los elementos ([col0, col1, col2, col3, col4, ../]). En este caso, el posicionamiento se hará de acuerdo con el área de los componentes.

options - constant - Grid#NUMERIC_SELECTION(), Grid#SHOW_ITEM_INDEX(), Grid#AUTO_ARRENGE().

Las opciones se pueden acumular a través del | (bitwise OR) Ex: Grid#NUMERIC_SELECTION() | Grid#SHOW_ITEM_INDEX() | Grid#AUTO_ARRANGE().

styleName - string - con el nombre del archivo de estilo que se utilizará en grid. Si se pasa "" ou invalid, se utilizará el archivo de estilo patrón (JCSS).

Retorno:¶

Devuelve el grid.

Ejemplo¶
use url Grid       "package://phui#components/grid.wmlsc";
use url Button     "package://phui#components/button.wmlsc";
use url Frame      "package://phui#components/frame.wmlsc";


extern function teste()
{
 var jcss   = "JCSS";
 var frame  = Frame#create("frame", jcss);
 var bt1 = Button#create("btMenu", "BUTTON 1", jcss);
 var bt2 = Button#create("btApp", "BUTTON 2", jcss);
 var bt3 = Button#create("btFuncMenu", "BUTTON 3", jcss);
 var bt4 = Button#create("btYes", "BUTTON 4", jcss);
 var items  = [
                [bt1, bt2],
                [bt3, bt4]
              ];
 var grid = Grid#create("gridExample", items, Grid#DEFAULT_OPTIONS(), "");

 Frame#add(frame, grid);
 Frame#show(frame);
}
**************************************************************************************

getHeight¶

>Grid#getHeight(grid)

Obtén la altura del Grid.

Parámetros¶

grid - Grid creado en el Grid#create() - componente seleccionado;

Retorno¶

Entero con la altura del grid creado.

getComponent¶

Grid#getComponent(grid, compName)

Obtén un componente insertado en grid.

Parámetros¶

grid - Grid creado en Grid#create() - componente seleccionado;

compName - string - nombre del componente en el archivo de estilo;

Retorno¶

Devuelve el componente que está dentro del grid o invalid se no encontró.

setMaxItens¶

Grid#setMaxItens(component, maxItens)

setMaxItems se usa cuando la opción NUMERIC_SELECTION() está habilitado. Sirve para indicar la cantidad máxima de elementos seleccionables;

Parámetros¶

component - Grid creado en Grid#create() - Componente seleccionado.

maxItens - integer - cantidad máxima de componentes.

Retorno¶

Ninguno

resetCustom¶

Grid#resetCustom(component)

Restablece la configuración del grid a los valores padrones

Parámetros¶

component - Grid criado em Grid#create() - componente seleccionado.

Retorno¶

Ninguno

Hotkey¶

package://phui#components/hotkey.wmlsc

Componete que ofrece soporte para las teclas de atajo.

create¶

Hotkey#create(hotKeys)

Crea una hotkey para ser utilizada.

Parámetros¶

hotKeys - Map - Paquete package://vm#core/map.wmlsc que possui:
chave: codeHotkey - Integer - código que representa la tecla que se utilizará como atajo.
valor: modulo - String - módulo al que desea llamar presionando la tecla de atajo.

Retorno¶

Ninguno.

Ejemplo:

use url MsgAdmin "package://phast#i18n/admin.wmlsc";
use url Field    "package://phui#components/field.wmlsc";
use url Frame    "package://phui#components/frame.wmlsc";
use url Hotkey   "package://phui#components/hotkey.wmlsc";
use url Label    "package://phui#components/label.wmlsc";
use url Status   "package://phui#components/status.wmlsc";
use url Timer    "package://phui#components/timer.wmlsc";
use url ScreenUI "package://phui#dialogs/screen.wmlsc";
use url Input    "package://phui#input/input.wmlsc";
use url Map      "package://vm#core/map.wmlsc";
/******************************************************************************/
function POS320X240() {return "320x240";}
/******************************************************************************/
extern function execute()
{
  createFrame();
}
/******************************************************************************/
function createFrame()
{
  var frame    = Frame#createExt("Memo", "Funcao", "");
  var timer    = Timer#create("timer", 30000, true);
  var label    = Label#create("title", "FUNÇÃO F2", "");
  var field    = Field#create("", "", invalid, 0, 2, (Input#DIRECTION_LEFT() | Input#CHAR_NUMERICO()), String.getValue('.'), false, "");
  Frame#add(frame, Status#create("status", ""));
  Frame#add(frame, timer);
  Frame#add(frame, field);
  Frame#add(frame, label);
  if (getSizeScreenDevice() == POS320X240())
  {
    var footer = Label#create("footer", ScreenUI#FooterMsg("F2", invalid, MsgAdmin#BT_FUNCS(), invalid), "");
    Frame#add(frame, footer);
  }
  Frame#add(frame, createHotkey(PhKeyBoard.KEY_F2, "package://samplehotkey/main.wmlsc#onKey"));
  Frame#show(frame);

}
/******************************************************************************/
function createHotkey(keyCode, module)
{
  var hotkeys = Map#create();
  Map#put(hotkeys, keyCode, module);
  return Hotkey#create(hotkeys);
}
/******************************************************************************/
function getSizeScreenDevice()
{
  var x = PhDisplay.maxPxWidth();
  var y = PhDisplay.maxPxHeight();
  return x + "x" + y;
}
/******************************************************************************/
extern function onKey(frame, component, key)
{
  var result = false;

  if (PhKeyBoard.KEY_F2 == key)
  {
    result = true;
    Dialogs.alert("I was called");
  }

  if (result)
  {
    Frame#setResultCode(frame, key);
  }

  return result;
}
/******************************************************************************/

Image¶

package://phui#components/image.wmlsc

Componete que ofrece soporte renderización de imágenes

create¶

Image#create(fname, styleName)

Crea una nueva imagen

Parámetros¶

fname - Nombre de la imagen en el archivo json

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve la imagen creada.

Ejemplo¶
use url Image   "package://phui#components/image.wmlsc";

var image  = Image#create("Background", invalid);

paint¶

Image#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

setImgName¶

Image#setImgName(component, imgName)

Asigna el nombre de la imagen

Parámetros¶

component - componente seleccionado.

imgName - nombre que será asignado a la imagen.

Retorno¶

Ninguno

getImgName¶

Image#getImgName(component)

obtén el nombre de la imagen.

Parámetros¶

component - componente seleccionado.

Retorno¶

devuelve el nombre de la imagen.

Info¶

package://phui#input/info.wmls

Implementación responsable de ofrecer informaciónes en dos columnas (clave y valor).

Sumario¶

Función Descripción

show muestra informaciónes en la pantalla del dispositivo

printInfos muestra informaciónes en el recibo impreso

Constantes¶

Constantes Valor

Info#ALL 0

Info#ONE 1

Info#PAPER_TIMEOUT 3000

Info#BEEP_TIMEOUT 50

Info#LINES_FEED 4

show¶

Info#show(title, sections, timeout, msgs, styleName, showPrint)

Crea un componente para la navegación de un map de string con navegación y botón de impresión.

Parámetros¶

title - string - texto con el título de la información;

sections - map - conjunto de mapas;

timeout - integer - Positivo que gestiona el tiempo de visualización.;

msgs - list - Lista de strings donde:

msgs[0] = string botón de salida

msgs[1] = string para informar cuando se realiza la impresión.

msgs[2] = string para informar cuando no hay papel

msgs[3] = string para informar el número de la tarjeta SIM

msgs[4] = string para informar cuando no se detecta la tarjeta SIM

msgs[5] = string para informar el número de serie

msgs[6] = *string* para informar la versión del SO.

styleName - string - nombre del archivo de estilo que puede recibir; invalid o archivo de estilo personalizado;

showPrint - boolean - Mostra botón de salida

Retorno¶

Ninguno

Ejemplo:
use url Info       "package://phui#input/info.wmlsc";

var mapConteiner = Map#create();
var mapDetail = Map#create();

Map#put(mapDetail, "Nome", "Jose da Silva");
Map#put(mapDetail, "Telefone", "99 987654321");
Map#put(mapDetail, "Email", "jose@gmail.com");

Map#put(mapConteiner, "My section one", mapDetail);
Map#put(mapConteiner, "My section two", invalid);

Info#show("my title", mapConteiner, 10000, ["Print","Printing../", "No papel", "Sim card number","No Sim card detected","Serial number","Version"], invalid, false);

printInfos¶

Info#printInfos(title, sections, mode, msgs)

Implementación de visualización de información en recibo impreso.

Parámetros¶

title - string - texto con el título de la información;

sections - list - con clave y valor;

mode - Info#ALL() para imprimir sin encabezado o Info#ONE() para imprimir encabezados basados en el parámetro sections

msgs - list - Lista de strings donde:

msgs[0] = string del botón de salida

msgs[1] = string para informar cuando se realiza la impresión.

msgs[2] = string para informar cuando no hay papel.

msgs[3] = string para informar el número de la tarjeta SIM.

msgs[4] = string para informar cuando no se detecta la tarjeta SIM.

msgs[5] = string para informar el número de serie.

msgs[6] = *string* para informar la versión del SO.

Retorno¶

Ninguno

Ejemplo:
use url Info       "package://phui#input/info.wmlsc";

var sections = Map#create();

Map#put(sections,  "My header section one",  1);
Map#put(sections,  "My header section two",  2);

Info#printInfos("Hello World", sections, Info#ALL(), ["Print","Printing../", "No papel", "Sim card number","No Sim card detected","Serial number","Version"]);

Info Components¶

package://phui#components/info.wmlsc

Cria um componente info.

Sumario¶

Función Descripción

create Crea un componente de información.

createExt Crea un componente de información con un botón.

paint Dibuja el componente en el frame.

create¶

>Info#create(fname, title, sections, styleName)

Crea un componente de información.

Parámetros¶

fname - string - nombre del componente en el archivo de estilo;
title - string - título del componente;
sections - Map - conjunto de strings;
styleName - string - nombre de archivo de estilo o invalid;

Retorno¶

Ninguno.

Ejemplo¶

use url Map        "package://vm#core/map.wmlsc";
use url Info       "package://phui#components/info.wmlsc";
use url Frame      "package://phui#components/frame.wmlsc";


extern function teste()
{
 var map = Map#create();
 Map#put(map, "Nome 1", 1);
 Map#put(map, "Nome 2", 2);

 var map2 = Map#create();

 Map#put(map, "Nome 3", 1);
 Map#put(map, "Nome 4", 2);

 var sections = Map#create();
 Map#put(sections, "Teste da seção 1", map);
 Map#put(sections, "Teste da seção 2", map2);

 var frame      = Frame#create("frame", invalid);
 var info       = Info#create("centerMemo", "Título", sections, invalid);

 Frame#add(frame, info);
 Frame#show(frame);

}

**************************************************************************************

createExt¶

>Info#createExt(fname, title, sections, buttPrint, styleName)

Crea un componente de información con un botón.

Parámetros¶

fname - string - nombre del componente en el archivo de estilo;
title - string - título del componente;
sections - Map - conjunto de strings;
buttPrint - integer - código de la tecla asociado con el componente en el archivo de estilo;
styleName - string - nombre de archivo de estilo o invalid;

Retorno¶

Ninguno.

Ejemplo¶

use url Map        "package://vm#core/map.wmlsc";
use url Info       "package://phui#components/info.wmlsc";
use url Button     "package://phui#components/button.wmlsc";
use url Frame      "package://phui#components/frame.wmlsc";


extern function teste()
{

 var map = Map#create();
 Map#put(map, "Nome 1", 1);
 Map#put(map, "Nome 2", 2);

 var map2 = Map#create();

 Map#put(map, "Nome 3", 1);
 Map#put(map, "Nome 4", 2);

 var sections = Map#create();
 Map#put(sections, "Teste da seção 1", map);
 Map#put(sections, "Teste da seção 2", map2);

 var btPrint    = Button#create("btPrint",  "Imprimir", invalid);
 var frame      = Frame#create("frame", invalid);
 var info       = Info#createExt("centerMemo", "Título", sections, 10 , invalid);
 Dialogs.alert(info);
 Frame#add(frame, btPrint);
 Frame#add(frame, info);
 Frame#show(frame);

}

**************************************************************************************

paint¶

Info#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

InputUI¶

package://phui#input/input.wmlsc

Este módulo ofrece funciones para la captura interactiva de datos.

Sumario¶

Función Descripción

inputBoolean interfaz con botones de confirmación.

inputBooleanWithImage interfaz con botones de confirmación y imagen.

inputCurrency interfaz de entrada de valor financiero.

inputString interfaz para la inserción de string.

inputNumber interfaz para la inserción de valores numéricos.

inputNumberExt interfaz para la inserción de valores numéricos.

Constantes¶

Constantes Valor Descripción

InputUI#INPUT_NONE 0 Retorno de input sin contenido.

InputUI#INPUT_ABORT 1 Retorno de input si se cancela la operación.

InputUI#INPUT_OK 2 Retorno de input al presionar la tecla ENTER.

InputUI#INPUT_TIMEOUT 3 Retorno de input cuando ocurre timeout.

InputUI#INPUT_PREV 4 Retorno de input de navegación al campo anterior.

InputUI#INPUT_NEXT 5 Retorno de input navegación al siguiente campo.

InputUI#FIELD_OK 6 Retorno do input cuando el campo se completa correctamente.

Constantes Valor Descripción

InputUI#CHAR_ALFA 1 Caracteres alfanuméricos.

InputUI#CHAR_NUMERICO 2 Caracteres numéricos.

InputUI#CHAR_HIDDEN 4 Caracteres ocultos.

InputUI#CHAR_REWRITE 8 Sobreescribe el texto inicial.

InputUI#CHAR_ALFA_LOWER 64 Carácter alfanumérico diminuto

InputUI#CHAR_ALFA_UPPER 128 Carácter alfanumérico mayúscula

Constantes Valor Descripción

InputUI#DIRECTION_LEFT 16 Campo capturado desde la izquierda.

InputUI#DIRECTION_RIGHT 32 Campo capturado desde la derecha.

Constantes Valor Descripción

InputUI#BEEP_KEY 30 Tiempo en milisegundos del sonido cuando se presiona una tecla.

InputUI#BEEP_MESSAGE 50 Tiempo en milisegundos del beep cuando se muestra un mensaje.

InputUI#BEEP_ALERT 100 Tiempo en milisegundos del beep cuando se muestra una alerta.

InputUI#BEEP_ERROR 500 Tiempo en milisegundos del beep cuando se muestra un mensaje de error.

inputBoolean¶

InputUI#inputBoolean(title, hint, timeout, message, msgYes, msgNo, defaultValue, output)

Pantalla de confirmación que ofrece una interfaz con botones de confirmación.

Parámetros¶

title - string o list - con los datos del título al componente inputBoolean donde:
title[0] título - string;
title[1] subtítulo - string;

hint - string - con información sobre el componente;

timeout - integer - en milisegundos si es 0 la pantalla permanece en ejecución indefinidamente;

message - string - con mensaje que se exhibera;

msgYes - string - que titula el botón de confirmación positiva;

msgNo - string -que titula el botón de confirmación negativa;

defaultValue - boolean - con valor patrón del componente;

output - PhType.BOOLEAN - tipo lógico (01 Byte) 0 para FALSE o distinto de cero para TRUE;

Retorno¶

entero definido en las constantes de retorno.

Ejemplo:¶
use url InputUI      "package://phui#input/input.wmlsc";
use url Message      "package://tefui#ui/message.wmlsc";

var output = PhType.create(PhType.BOOLEAN);

var res = InputUI#inputBoolean(["Texto a ser apresentado."], "Dica", 0, "Deseja Continuar?", "SIM", "NAO", true, output);

Message#showMessage("Output: " + output + "|Valor: " +res , Message#DELAY_ALERT(), Message#BEEP_MESSAGE());
Ejemplo de salida en la pantalla:
Output: true
  Valor: 1

inputBooleanWithImage¶

InputUI#inputBooleanWithImage(anim, title, hint, timeout, message, msgYes, msgNo, defaultValue, output, attrs)

Pantalla de confirmación que ofrece una interfaz con botones de confirmación y imagen personalizable.

Parámetros¶

anim - imagen contenida en el archivo JCSS.

title - string o list - con los datos del título al componente inputBooleanWithImage donde:
title[0] título - string;
title[1] subtítulo - string;

hint - string - con información sobre el componente;

timeout - integer - en milisegundos si es 0 la pantalla permanece en ejecución indefinidamente;

message - string - con mensaje que se exhibirá;

msgYes - string - que titula el botón de confirmación positiva;

msgNo - string -que titula el botón de confirmación negativa;

defaultValue - boolean - con valor patrón del componente;

output - PhType.BOOLEAN - tipo lógico (01 Byte) 0 para FALSE o distinto de cero para TRUE;

attrs - list o invalid - en caso de invalid mantiene la navegación por patrón y en caso de PhList almacena si hubo indicación de navegación con una cantidad fija de elementos:
attrs[0] - key left;
attrs[1] - key rigth;

Retorno¶

true o falso y descripción de devolución

Ejemplo:¶
use url InputUI      "package://phui#input/input.wmlsc";

var output = PhType.create(PhType.BOOLEAN);

InputUI#inputBooleanWithImage(Style#IMAGE_CONFIRMATION(), "", invalid, 0, "Deseja Continuar?", "SIM", "NAO", true, output, invalid);

Helper#showMessage(output);
Salida en pantalla:
true o false

inputCurrency¶

InputUI#inputCurrency(title, &currency, acceptZero, attrs)

Pantalla de confirmación que ofrece una interfaz de entrada de valor financiero.

Parámetros¶

title - string o list - con los datos del título al componente inputCurrency donde:
> title[0] título - string;
title[1] subtítulo - string;
title[2] simbolo - string;

currency - integer - con valor inicial y variable de salida del input (por referência) representa el valor ingresado por el usuario;

acceptZero - boolean - que indica si el input debe aceptar el valor 0 como válido;

attrs - list ou integer - si es numérico se considerará timeout en milisegundos, si es PhList puede ser una cantidad variable de parámetros:
attrs[0] - timeout (patrón: 30000);
attrs[1] - Cantidad máxima de dígitos del input (patrón: 9);
attrs[2] - Código de tecla para indicar navegación a la izquierda (El input devolverá INPUT_PREV () cuando se presione esta tecla. Patrón : 0);
attrs[3] - Código de tecla para indicar navegación a la derecha (El input devolverá INPUT_NEXT() cuando se presione esta tecla.. Patrón: 0);
attrs[4] - Carácter separador decimal (Patrón: ",");
attrs[5] - Carácter separador de miles (Patrón: ".");

Retorno¶

integer referente a la cantidad informada.

Ejemplo:¶
use url InputUI      "package://phui#input/input.wmlsc";

var valor = 10;

InputUI#inputCurrency(["Valor", "digite um valor", "R$"], &valor, true, 30000);

Dialogs.alert("Valor informado: "+ valor);
Ejemplo de salida en la pantalla:
Valor informado : 10

inputString¶

InputUI#inputString(title, hint, &value, mask, min, max, opcoes, charEmpty, attrs)

Componente de pantalla que ofrece una interfaz para la inserción de string.

Parámetros¶

title - string o list - con los datos del título y subtítulo para el componente inputString donde:
title[0] título - string;
title[1] subtítulo - string;

hint - string - con información sobre el componente;

value - string ou integer - con valor inicial y variable de salida del input (por referência) representa el valor ingresado por el usuario;

mask - string - que contiene la máscara;

min - integer - que parametriza la cantidad mínima de caracteres numéricos;

max - integer - que parametriza la cantidad máxima de caracteres numéricos;

opcoes - integer - constante nativa con opción de validación - ver la lista de constantes aquí;

charEmpty - string - carácter utilizado para completar el input cuando está vacío;

attrs - list o boolean - en caso de booleano indica si el input es obligatorio o no y en el caso de PhList, que puede ser:
attrs[0] - indica si el input es obligatorio o no;
attrs[1] - timeout;
attrs[2] - Código de tecla para indicar navegación a la izquierda (El input devolverá INPUT_PREV () cuando se presione esta tecla. Patrón : 0);
attrs[3] - Código de tecla para indicar navegación a la derecha (El input devolverá INPUT_NEXT() cuando se presione esta tecla.. Patrón: 0);

Retorno¶

string informada

Ejemplo:¶
use url InputUI      "package://phui#input/input.wmlsc";
use url Message      "package://tefui#ui/message.wmlsc";

var ip = "111111111111";

InputUI#inputString("Endereço Ip:", invalid, &ip, "NNN.NNN.NNN.NNN", 1, 12,(InputUI#DIRECTION_LEFT() | InputUI#CHAR_NUMERICO()), String.getValue('.'), [true, 10000]);

Message#showMessage("IP capturado:|" + ip, Message#DELAY_ALERT(), Message#BEEP_MESSAGE());
Salida de la pantalla:
IP capturada : 111.111.111.111

inputNumber¶

InputUI#inputNumber(title, &number, min, max)

Componente de pantalla que ofrece una interfaz para la inserción de valores numéricos.

Parámetros¶

title - string o list - com os dados de titulos para o componente inputNumber onde:
title[0] titulo - string;
title[1] subtitulo - string;

number - integer - con valor inicial y variable de salida del input (por referência) representa el valor ingresado por el usuario;

min - integer - que parametriza la cantidad mínima de caracteres numéricos;

max - integer - que parametriza la cantidad máxima de caracteres numéricos;

Retorno¶

integer definido en las constantes de retorno.

Ejemplo:¶
use url InputUI      "package://phui#input/input.wmlsc";
use url Message      "package://tefui#ui/message.wmlsc";

var number = 111;

InputUI#inputNumber(["Input", "digite"], &number, 2, 10, false);

Message#showMessage("Número digitado:|" + number, Message#DELAY_ALERT(), Message#BEEP_MESSAGE());
Salida de la pantalla:
Número escrito : 111

inputNumberExt¶

InputUI#inputNumberExt(title, &number, min, max, attrs)

Componente de pantalla que ofrece una interfaz para la inserción de valores numéricos.

Parámetros¶

title - string o list - com os dados de titulos para o componente inputNumber onde:
title[0] titulo - string;
title[1] subtitulo - string;

number - integer - con valor inicial y variable de salida del input (por referência) representa el valor ingresado por el usuario;

min - integer - que parametriza la cantidad mínima de caracteres numéricos;

max - integer - que parametriza la cantidad máxima de caracteres numéricos;

attrs - list o boolean - en caso de booleano indica si el input es obligatorio o no y en el caso de PhList, que puede ser:
attrs[0] - indica si el input es obligatorio o no;
attrs[1] - timeout;
attrs[2] - Código de tecla para indicar navegación a la izquierda (El input devolverá INPUT_PREV () cuando se presione esta tecla. Patrón : 0);
attrs[3] - Código de tecla para indicar navegación a la derecha (El input devolverá INPUT_NEXT() cuando se presione esta tecla.. Patrón: 0);

Retorno¶

integer definido en las constantes de retorno.

Ejemplo:¶
use url InputUI      "package://phui#input/input.wmlsc";
use url Message      "package://tefui#ui/message.wmlsc";

var number = 111;

InputUI#inputNumberExt(["Input", "digite"], &number, 2, 10, false);

Message#showMessage("Número digitado:|" + number, Message#DELAY_ALERT(), Message#BEEP_MESSAGE());
Salida de la pantalla:
Número escrito : 111

Keyboard¶

package://phui#components/keyboard.wmlsc

Componente que ofrece suporte a la captura de teclas. Crea un teclado QWERTY en el dispositivo.

create¶

Keyboard#create(fname, styleName, options)

Crea un nuevo keyboard

Parámetros¶

fname - Nombre del keyboard en el archivo json

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

options - Opciones de teclado. Ver "Constantes", tabla 2.

Retorno¶

Devuelve la imagen creada.

Ejemplo¶
use url Keyboard  "package://phui#components/keyboard.wmlsc";
use url Field     "package://phui#components/field.wmlsc";

var opcoes = Field#CHAR_ALFA() | Field#CHAR_ALFA_LOWER() | Field#CHAR_ALFA_UPPER();
var keyb  = Keyboard#create("keyb", invalid, opcoes )

paint¶

Keyboard#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

onKey¶

Keyboard#onKey(frame, component, key)

evento que se activará al presionar una tecla.

Parámetros¶

frame - frame donde está insertado el componente.

component - componente que será notificado por el evento.

key - tecla que activará la notificación.

Retorno¶

Ninguno

setType¶

Keyboard#setType(component, type)

asigna tipo de keyboard

Parámetros¶

component - componente seleccionado.

type - Tipo de keyboard.

Retorno¶

Ninguno

getType¶

Keyboard#getType(component)

obtén el tipo de keyboard

Parámetros¶

component - componente seleccionado.

Retorno¶

devuelve el tipo de teclado.

setState¶

Keyboard#setState(component, state)

asigna el status de keyboard

Parámetros¶

component - componente seleccionado.

state - status.

Retorno¶

Ninguno

getState¶

Keyboard#getState(component)

obtén el status de keyboard

Parámetros¶

component - componente seleccionado.

Retorno¶

devuelve el estado del teclado.

Label¶

package://phui#components/label.wmlsc

Componente que ofrece soporte a la escritura de labels

create¶

Label#create(fname, text, styleName)

Crea un nuevo label

Parámetros¶

fname - Nombre del label en archivo json

text - Texto que se visualizará en el label

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el label creado.

Ejemplo¶
use url Label   "package://phui#components/label.wmlsc";

var label = Label#create("qtd_title", "Quantidade", "myJCSS");

createExt¶

Label#createExt(fname, text, styleName, attrs)

Crea un nuevo label

Parámetros¶

fname - Nombre del label en archivo json

text - Texto que se visualizará en el label

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

attrs - Boolean que indicará se deseja persistir no repositório ou Array de Atributos de modificação. attrs[0] - Persistency - booleano - Booleano que indicará si desea persistir en el repositorio (caché). attrs[1] - loadProperties - boolean - Booleano que indicará si las propriedades de style sera aplicado.

Retorno¶

Devuelve el label creado.

Ejemplo¶
use url Label   "package://phui#components/label.wmlsc";

var label = Label#createExt("qtd_title", "Quantidade", "myJCSS", false);

paint¶

Label#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

getText¶

Label#getText(component)

obtén el contenido de la propiedad text del componente.

Parámetros¶

component - componente seleccionado

Retorno¶

Devuelve una string.

setText¶

Label#setText(label, text)

asinga una string la propriedade text del componente.

Parámetros¶

label - componente seleccionado

text - texto asignado.

Retorno¶

Ninguno

split¶

Label#split(label, separator, considerAreaW, splitType)

Prepara el componente para romper la string del Label, la ruptura en sí se realiza en la función paint.

Parámetros¶

label - componente seleccionado

separator - caracter separador.

considerAreaW - entero separador.

splitType - caracter separador.

Retorno¶

Ninguno

Memo¶

package://phui#components/memo.wmlsc

Componente que ofrece soporte a un contenedor de texto

create¶

Memo#create(fname, lines, custom, styleName)

Crea um nuevo memo

Parámetros¶

fname - Nombre del memo en el archivo json

lines - PhMemo con la informaciones que se exhibirá en el contenedor

custom - Personalización de componentes. Lista que contiene 2 elementos:

scrollIndex - posición del scroller en la pantalla. Para nuevo memo se define como 0.

showButtons - Habilita o deshabilita la visualización de botones de desplazamiento.

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el memo creado.

Ejemplo¶
use url Memo   "package://phui#components/memo.wmlsc";

var memo = PhType.get(PhType.create(PhType.MEMO));

PhList.add(memo, "Opcao 01");
PhList.add(memo, "Opcao 02");
PhList.add(memo, "Opcao 03");
PhList.add(memo, "Opcao 04");
PhList.add(memo, "Opcao 05");
PhList.add(memo, "Opcao 06");
PhList.add(memo, "Opcao 07");
PhList.add(memo, "Opcao 08");
PhList.add(memo, "Opcao 09");
PhList.add(memo, "Opcao 10");
PhList.add(memo, "Opcao 11");
PhList.add(memo, "Opcao 12");
PhList.add(memo, "Opcao 13");
PhList.add(memo, "Opcao 14");
PhList.add(memo, "Opcao 15");
PhList.add(memo, "Opcao 16");
PhList.add(memo, "Opcao 17");
PhList.add(memo, "Opcao 18");
PhList.add(memo, "Opcao 19");
PhList.add(memo, "Opcao 20");
var componentMemo = Memo#create("resumo", memo, [0, true], invalid);

paint¶

Memo#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

down¶

Memo#down(component, step)

Pone el cursor abajo, dentro del Memo.

Parámetros¶

component - componente seleccionado.

step - cuántos pasos baja el cursor.

Retorno¶

Devuelve true o false

up¶

Memo#up(component, step)

Pone el cursor arriba, dentro del Memo

Parámetros¶

component - componente seleccionado.

step - cuántos pasos sube el cursor.

Retorno¶

Devuelve true o false

back¶

Memo#back(frame)

Devuelve el código de result para el frame.

Parámetros¶

frame - componente seleccionado.

Retorno¶

Devuelve integer.

getNumberOfLines¶

Memo#getNumberOfLines(frame)

Devuelve el número de líneas de uno memo

Parámetros¶

frame - Nombre del componente.

Retorno¶

Devuelve integer.

alignLineRight¶

Memo#alignLineRight(line)

Realiza la alineación a la derecha.

Parámetros¶

line - string de una línea

Retorno¶

Devuelve una string de la línea alineada.

alignLineCenter¶

Memo#alignLineCenter(line)

Realiza la alineación al Centro.

Parámetros¶

line - string de una línea

Retorno¶

Devuelve una string de la línea alineada.

alignLineBorders¶

Memo#alignLineBorders(component, left, right)

Se alinea de acuerdo con los bordes informados.

Parámetros¶

component - componente seleccionado

left - tamaño del espaciamiento a la izquierda.

right - tamaño del espaciamiento a la derecha.

Retorno¶

Devuelve una string de la línea alineada.

alignCenterRight¶

Memo#alignCenterRight(component, center, right)

Se alinea del centro a la derecha

Parámetros¶

component - componente seleccionado

center - tamaño del espaciamiento al centro.

right - tamaño del espaciamiento a la derecha.

Retorno¶

Devuelve una string de la línea alineada.

splitMemoLines¶

Memo#splitMemoLines(component, memo)

Ejecuta el split de las líneas de un memo

Parámetros¶

component - componente seleccionado

memo - memo seleccionado

Retorno¶

Devuelve una lista donde los elementos son líneas de memo.

memoToStr¶

Memo#memoToStr(memo, padding)

Convierte un memo en una String.

Parámetros¶

memo - Memo seleccionado

padding - espaciamiento

Retorno¶

Devuelve una string con el contenido del memo.

strToMemo¶

Memo#strToMemo(str)

Convert uma String em um Memo. Só deve ser utilizada para Strings jq quebrados de acordo com a largura disponível.

Parámetros¶

str - String alvo

Retorno¶

Devuelve un memo.

addSplitLineToMemo¶

Memo#addSplitLineToMemo(memo, line)

Redefine o tamanho de um memo

Parámetros¶

memo - Memo seleccionado.

line - Número de líneas

Retorno¶

Devuelve un memo.

package://tefui#ui/menu.wmlsc

Componente que ofrece soporte al menús

showMenu¶

Menu#showMenu(title, labels, autosel, attrs)

Exhibe un menú.

Parámetros¶

title - String - Título del menú

labels - PhList - Labels del menú con 2 elementos. labels[0] - PhLIst - Lista que contiene los textos que aparecerán en el menú. labels[1] - Integer - Índice que indica qué elemento de menú será seleccionado.

autosel - Boolean - Si es false, muestra el menú con cualquier cantidad de labels. Si es true cuando el menú tiene un solo label, devuelve la selección automáticamente.

attrs - Boolean o PhList:
attrs[0] - singleColumn - Boolean - Indica si el menú será de una columna o no.
attrs[1] - timeout - Integer - timeout en milisegundos
attrs[2] - trimTitle - Boolean - Booleano que indica si se debe se eliminar los espacios en blanco de ambos lados del Título.
attrs[3] - margem - Integer - Entero que define el tamaño del margen. (Patrón: 13)
attrs[4] - showExit - Boolean - Indica si se muestra el botón de salida en el menú. (Patrón: false )
attrs[5] - styleName - String - nombre del archivo de estilo.
attrs[6] - upperCase - Boolean - Indica si el texto del menú debe estar en mayúsculas o minúsculas.

Retorno¶

Ninguno

showFilteredMenu¶

Menu#showFilteredMenu(title, itens, field_key, field_label, attrs, max_label)

Exhibe un menú.

Parámetros¶

title - String - Opcional, título que se exhibera.

itens - PhList - Lista que contiene un Map

field_key - String - String con la clave del atributo que representa el código del artículo ítem.

field_label - String - String con la clave para el atributo que representa la etiqueta del ítem.

attrs - Integer o PhList - tiempo de espera en milisegundos o una lista:
attrs[0] - Integer - tiempo de espera en milisegundos
attrs[1] - String - texto que se exhibirá si se ingresa un código inválido.
attrs[2] - Integer - entero que indica qué tipo de menú circular será la navegación. (Patrón: 0)

max_label - Integer - define el tamaño del truncamiento de field_label si necesario.

Retorno¶

Ninguno

package://phui#components/menu.wmlsc

Componente que ofrece soporte a menús.

create¶

Menu#create(fname, elements, selected, rollIndex, styleName)

Crea un nuevo menú

Parámetros¶

fname - Nombre del menú en el archivo json

elements - Lista que contiene las strings con los elementos que se exhibirán.

selected - Índice del ítem seleccionado

rollIndex - Índice de posición en la string del elemento seleccionado. El menú permite desplazarse por el texto correctamente seleccionado. Este parámetro define el índice de dónde se exhibirá el texto del elemento.

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el menú creado.

Ejemplo¶
use url Menu      "package://tefui#ui/menu.wmlsc";

var opt         = 0;
var items       = [];
//itens do Menu
 PhList.add(items, "Button Create");
 PhList.add(items, "Button Event");
 PhList.add(items, "Button Two");

 opt = Menu#showMenu("Buttons", [items, 0], false, false);
  if(opt == 0)
 {
   sample01();
 }
 else if (opt == 1)
 {
   sample02();
 }
 else if (opt == 2)
 {
   sample03();
 }

onKey¶

Keyboard#onKey(frame, component, key)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde está insertado el componente.

component - componente que será notificado por el evento.

key - tecla que activará la notificación.

Retorno¶

Ninguno

getSelected¶

Menu#getSelected(component)

Devuelve el ítem de menú seleccionado.

Parámetros¶

component - componente seleccionado.

Retorno¶

Devuelve el ítem seleccionado.

getElements¶

Menu#getElements(component)

Devuelve todos los elementos del menú.

Parámetros¶

component - componente seleccionado.

Retorno¶

Devuelve una lista de elementos del menú.

getCurrentPage¶

Menu#getCurrentPage(component)

Devuelve el número de página actual.

Parámetros¶

component - componente seleccionado.

Retorno¶

Devuelve un número entero.

getMaxPage¶

Menu#getMaxPage(component)

Devuelve el mayor número de la página actual del menú.

Parámetros¶

component - componente seleccionado.

Retorno¶

Devuelve un número entero.

getPage¶

Menu#getPage(component)

obtén la página del menú

Parámetros¶

component - componente seleccionado.

Retorno¶

Devuelve un entero.

paint¶

Menu#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

onTimer¶

Menu#onTimer(frame, component)

Agrega un tiempo que el frame debe esperar inactivo antes de cerrarse.

Parámetros¶

frame - freme alvo

component - componente que ira aguardar o tempo.

Retorno¶

Ninguno

getItensPerScreen¶

Menu#getItensPerScreen(menu)

Obtén el porcentual de los ítens del menú.

Parámetros¶

menu - menu seleccionado

Retorno¶

Ninguno

package://phui#components/navigation.wmlsc

Componente que ofrece soporte a la navegaciones básicas

create¶

Navigation#create(fname, btnIsVisibleList, styleName)

Crea una nuevo navigation

Parámetros¶

fname - Nombre del navigation en el archivo json.

btnIsVisibleList -Lista que contiene valores booleanos que indican los botões que estarán visibles, siendo respectivamente:

-  up - Botón de navegación para arriba.
-  down - Botón de navegación para abajo.
-  updisabled - Botón de navegación para arriba deshabilitado.
-  downdisabled - Botón de navegación para abajo deshabilitado.

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el navigation creado.

Ejemplo¶
use url Navigation "package://phui#components/navigation.wmlsc";

var btnsVisibleList = [false, false, false, false];
var nav = Navigation#create("nav", btnsVisibleList, invalid);

paint¶

Label#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

PagedMenu¶

package://phui#components/paged_menu.wmlsc

Crea un nuevo paginador para usar con el componente de menú.

create¶

PagedMenu#create(fname, title, menu, styleName)

Crea un nuevo paginador para usar con el componente de menú.

Parámetros¶

fname - string - nombre de paged_menu en el archivo de estilo JCSS;

title - Label - componente label exhibido en la paginación;

menu - Menu - componente menu creado con la lib de menús;

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el componente creado.

Ejemplo¶
use url PagedMenu   "package://phui#components/paged_menu.wmlsc";
use url Menu        "package://phui#components/menu.wmlsc";
use url Frame       "package://phui#components/frame.wmlsc";
use url Label       "package://phui#components/label.wmlsc";

extern function teste()
{

var frame = Frame#create("frame",  invalid);
var lb = Label#create("lbinfoTitle", "PagedMenu Test", invalid);
var menu = Menu#create("menuImagesOneColumn", ["teste1", "teste2", "teste3", "teste4", "teste5", "teste6", "teste7"], 0, 0, invalid, invalid);
var pagedMenu = PagedMenu#create("menuImagesOneColumn", lb, menu, invalid);

Frame#add(frame, pagedMenu);
Frame#show(frame);

}

Progress¶

package://phui#components/progress.wmlsc

Componente que ofrece soporte a la información del progreso.

create¶

Progress#create(fname, textIdle, textProgress, styleName)

Parámetros¶

fname - Nombre del progress no archivo json

textIdle - texto que se exhibirá en el progress

textProgress - título del progress

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve el paged_menu creado.

Ejemplo¶
use url Progress  "package://phui#components/progress.wmlsc";

var progress = Progress#create("phdm", "Ejemplo Progresso", "exemplo", invalid);

update¶

Progress#update(component, progress)

Actualiza la información sobre el progreso de un componente progress.

Parámetros¶

component - Componente progress creado previamente con Progress#create()

progress - posición del progress

Retorno¶

Ninguno

Ejemplo¶
use url Progress  "package://phui#components/progress.wmlsc";

Progress#update(progress, 50);

paint¶

Label#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

Scroll¶

package://phui#components/scroll.wmlsc

Componente que ofrece soporte a los desplazamientos.

create¶

Scroll#create(fname, child, step)

Crea un nuevo scroll.

Parámetros¶

fname - Nombre del scroll en el archivo json

child - Componente memo que se será hecha los desplazamientos.

step - paso del desplazamiento.

Retorno¶

Devuelve el scroll.

Ejemplo¶
use url Scroll  "package://phui#components/scroll.wmlsc";

var scroll = Scroll#create("scroll", Memo#create("Teste", memo, 0), 1);

onKey¶

Scroll#onKey(frame, component, key)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde está insertado el componente.

component - componente que será notificado por el evento.

key - tecla que activará la notificación.

Retorno¶

Ninguno

draw¶

Scroll#draw(frame, component)

Pinta el componente en el frame

Parámetros¶

frame - frame donde está insertado el componente.

component - componente que será notificado por el evento.

Retorno¶

Ninguno

Status¶

package://phui#components/status.wmlsc

Componente que ofrece una barra de estados.

create¶

Status#create(fname, styleName)

Crea una barra de status

Parámetros¶

fname - Nombre del status en el archivo json

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve a la barra de estados.

Ejemplo¶
use url Status     "package://phui#components/status.wmlsc";

var status = Status#create("status", invalid);

onTimer¶

Status#onTimer(frame, component)

Agrega un tiempo que el frame debe aguardar de ociosidad para que se cierre.

Parámetros¶

frame - freme seleccionado

component - componente que esperará el tiempo.

Retorno¶

Ninguno

paint¶

Status#paint(frame, component)

Dibuja el componente en el frame

Parámetros¶

frame - frame donde se dibujará el componente

component - componente que será dibujado

Retorno¶

Ninguno

Style¶

package://phui#components/style.wmlsc

Proporciona funciones para la manipulación directa de las propiedades de los componentes.

Constantes¶

Constante Descripción

FONT_FG14 Devuelve las propiedades del font en el JCSS

FRAME Devuelve las propiedades del frame en el JCSS

IMAGE_INPUT_CARD Devuelve las propiedades del inputCard en el JCSS

IMAGE_SEP_INFO Devuelve las propiedades del sepinfo en el JCSS

IMAGE_LOGO_MOBTEF (deprecated) Devuelve las propiedades del logo_mobitef en el JCSS

IMAGE_CONFIRMATION Devuelve las propiedades del confirmation en el JCSS

IMAGE_NOT_AUTHORIZED Devuelve las propiedades del notAuthorized en el JCSS

IMAGE_SHOW_AUTHORIZED (deprecated) Devuelve las propiedades del notAuthorized en el JCSS

IMAGE_SHOW_ERROR Devuelve las propiedades del showError en el JCSS

IMAGE_SHOW_SUCCESS Devuelve las propiedades del showSuccess en el JCSS

IMAGE_PAYSTORE Devuelve las propiedades del paystore en el JCSS

IMAGE_SHOW_LOW_BATTERY Devuelve las propiedades del showLowBattery en el JCSS

ANIMATION_LOADING Devuelve las propiedades del loading en el JCSS

LABEL_INFO_TITLE Devuelve las propiedades del lbinfoTitle en el JCSS

LABEL_INFO_CENTER Devuelve las propiedades del lbinfoCenter en el JCSS

LABEL_INFO_LEFT Devuelve las propiedades del lbinfoLeft en el JCSS

LABEL_INFO_VALUE_LEFT Devuelve las propiedades del lbinfoValueLeft en el JCSS

LABEL_INFO_RIGHT Devuelve las propiedades del lbinfoRight en el JCSS

LABEL_MESSAGE Devuelve las propiedades del message en el JCSS

LABEL_TITLE_ERROR_MSG Devuelve las propiedades del titleErrorMsg en el JCSS

LABEL_TITLE Devuelve las propiedades del title en el JCSS

LABEL_TITLE_FEEDBACK Devuelve las propiedades del titleFeedback en el JCSS

LABEL_MESSAGE_FEEDBACK Devuelve las propiedades del messageFeedBack en el JCSS

LABEL_SUBTITLE Devuelve las propiedades del subtitle en el JCSS

LABEL_HINT Devuelve las propiedades del hint en el JCSS

LABEL_AC_SUBTITLE (deprecated) Devuelve las propiedades del AcSubtitle en el JCSS

LABEL_SUBTITLE_CUSTOM (deprecated) Devuelve las propiedades del subtitle_custom en el JCSS

LABEL_HEADING Devuelve las propiedades del lbHeading en el JCSS

LABEL_TITLE_INPUT Devuelve las propiedades del titleInput en el JCSS

LABEL_TITLE_AC_INPUT (deprecated) Devuelve las propiedades del titleAcInput en el JCSS

LABEL_TITLE_INPUT_CUSTOM (deprecated) Devuelve las propiedades del titleInputCustom en el JCSS

LABEL_PAGED_TITLE_MENU Devuelve las propiedades del pagedTitleMenu en el JCSS

LABEL_TITLE_MENU Devuelve las propiedades del titleMenu en el JCSS

LABEL_ICON_MENU_TITLE Devuelve las propiedades del icon_menuTitle en el JCSS

LABEL_COUNT_MENU_LABEL Devuelve las propiedades del count_menuLabel en el JCSS

LABEL_PRESENTATION Devuelve las propiedades del presentation en el JCSS

LABEL_IDLE_MSG Devuelve las propiedades del idleMsg en el JCSS

LABEL_IDLE_MSG2 (deprecated) Devuelve las propiedades del idleMsg2 en el JCSS

LABEL_IDLE_MSG3 (deprecated) Devuelve las propiedades del idleMsg3 en el JCSS

LABEL_CURRENCY Devuelve las propiedades del idleMsg3 en el JCSS

LABEL_CURRENCY_CUSTOM (deprecated) Devuelve las propiedades del currency_custom en el JCSS

LABEL_BG_CURRENCY Devuelve las propiedades del bg_currency en el JCSS

LABEL_BG_BALANCE_TOP (deprecated) Devuelve las propiedades del bgBalanceTop en el JCSS

LABEL_BG_BALANCE_EQUAL (deprecated) Devuelve las propiedades del bgBalanceEqual en el JCSS

LABEL_BG_BALANCE (deprecated) Devuelve las propiedades del bgBalance en el JCSS

LABEL_BG_CURRENCY_BOTTOM (deprecated) Devuelve las propiedades del bgCurrencyBottom en el JCSS

LABEL_BG_EQUAL_INPUT (deprecated) Devuelve las propiedades del bgEqualInput en el JCSS

LABEL_BG_BIG_GENERAL (deprecated) Devuelve las propiedades del bgBigGeneral en el JCSS

LABEL_BG_EQUAL_PART (deprecated) Devuelve las propiedades del bgEqualPart en el JCSS

LABEL_IDLE_IMG Devuelve las propiedades del idleImg en el JCSS

LABEL_IDLE_IMG2 (deprecated) Devuelve las propiedades del idleImg2 en el JCSS

LABEL_IDLE_IMG3 (deprecated) Devuelve las propiedades del idleImg3 en el JCSS

LABEL_IDLE_IMG_FEEDBACK Devuelve las propiedades del idleImgFeedback en el JCSS

LABEL_MSG_LOW_BATTERY Devuelve las propiedades del msgLowBattery en el JCSS

LABEL_AMOUNT (deprecated) Devuelve las propiedades del amount en el JCSS

LABEL_TOKEN_TITLE (deprecated) Devuelve las propiedades del token_title en el JCSS

LABEL_TOKEN_VALUE (deprecated) Devuelve las propiedades del token_value en el JCSS

LABEL_DESCRIPTION_TITLE (deprecated) Devuelve las propiedades del description_title en el JCSS

LABEL_DESCRIPTION (deprecated) Devuelve las propiedades del description en el JCSS

LABEL_QTT_CURRENCY (deprecated) Devuelve las propiedades del qtt_currency en el JCSS

LABEL_ITEM_VALUE (deprecated) Devuelve las propiedades del item_value en el JCSS

LABEL_QUANTITY (deprecated) Devuelve las propiedades del quantity en el JCSS

LABEL_DISCOUNT_CURRENCY (deprecated) Devuelve las propiedades del discount_currency en el JCSS

LABEL_DISCOUNT_VALUE (deprecated) Devuelve las propiedades del discount_value en el JCSS

LABEL_DISCOUNT_TITLE (deprecated) Devuelve las propiedades del discount_title en el JCSS

LABEL_TITLE_SUMMARY (deprecated) Devuelve las propiedades del discount_summary en el JCSS

LABEL_TITLE_payment (deprecated) Devuelve las propiedades del discount_payment en el JCSS

LABEL_ITEM_TOTAL (deprecated) Devuelve las propiedades del item_total en el JCSS

LABEL_ITEM_TOTAL_VALUE (deprecated) Devuelve las propiedades del item_total_value en el JCSS

LABEL_ORDER_PRODUCT (deprecated) Devuelve las propiedades del order_product en el JCSS

LABEL_ORDER_QTT (deprecated) Devuelve las propiedades del order_qtt en el JCSS

LABEL_ORDER_VALUE (deprecated) Devuelve las propiedades del order_value en el JCSS

LABEL_PAYMENT_TOTAL (deprecated) Devuelve las propiedades del payment_total en el JCSS

LABEL_PAYMENT_TOTAL_AMOUNT (deprecated) Devuelve las propiedades del payment_total_amount en el JCSS

LABEL_PAYMENT_PAID (deprecated) Devuelve las propiedades del payment_paid en el JCSS

LABEL_PAYMENT_PAID_AMOUNT (deprecated) Devuelve las propiedades del payment_paid_amount en el JCSS

LABEL_PAYMENT_BALANCE (deprecated) Devuelve las propiedades del payment_paid_balance en el JCSS

LABEL_PAYMENT_BALANCE_AMOUNT (deprecated) Devuelve las propiedades del payment_paid_balance_amount en el JCSS

LABEL_BG_SUMMARY (deprecated) Devuelve las propiedades del bg_summary en el JCSS

LABEL_ORDER_TOTAL (deprecated) Devuelve las propiedades del order_total en el JCSS

LABEL_ORDER_TOTAL_VALUE (deprecated) Devuelve las propiedades del order_total_value en el JCSS

LABEL_PAYMENT_VALUE (deprecated) Devuelve las propiedades del payment_value en el JCSS

LABEL_PAYMENT_VALUE_EQUAL (deprecated) Devuelve las propiedades del payment_value_equal en el JCSS

LABEL_PAYMENT_METHOD_AMOUNT (deprecated) Devuelve las propiedades del payment_method_amount en el JCSS

LABEL_BALANCE_LABEL (deprecated) Devuelve las propiedades del balance_label en el JCSS

LABEL_BALANCE_LABEL_EQUAL (deprecated) Devuelve las propiedades del balance_label_equal en el JCSS

LABEL_BALANCE_AMOUNT_LABEL (deprecated) Devuelve las propiedades del balance_amount_label en el JCSS

LABEL_BALANCE_AMOUNT_LABEL_EQUAL (deprecated) Devuelve las propiedades del balance_amount_label_equal en el JCSS

MEMO Devuelve las propiedades del Memo en el JCSS

getProperty¶

Style#getProperty(style, field, default_value, styleName)

Devuelve el objeto o valor que hace referencia a la propiedad informada.

Parámetros¶

style - Objeto al que desea devolver la propiedad

field - propiedad a ser devuelta

default_value - valor que se devolverá si la propiedad no existe o la función fallar al devolver.

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve la propiedad que puede ser un nuevo objeto o valor.

Ejemplo¶
use url Style  "phui#components/style.wmlsc";

var style = Style#getProperties("image", "imgLogo", invalid);
var area  = Style#getProperty(style, "area", invalid, invalid);

getProperties¶

Style#getProperties(objtype, objname, styleName)

Devuelve el valor referente al objeto informado.

Parámetros¶

objtype - Tipo de objeto. Objeto root en el archivo JCSS desde el que desea devolver las propiedades, que contiene sus componentes jerárquicamente a continuación.

objname - nombre del componente abajo del objecto root en lo archivo JCSS

styleName - Nombre de archivo de estilo personalizado por el usuario(se puede asignar invalid o "").

Retorno¶

Devuelve la propiedad que puede ser un nuevo objeto o valor.

Ejemplo¶
use url Style  "phui#components/style.wmlsc";


var style = Style#getProperties("image", "imgLogo", invalid);
var area  = Style#getProperty(style, "area", invalid, invalid);

getPropertyAlign¶

Style#getPropertyAlign(style, default_value, styleName)

obtén propiedades de alineación.

Parámetros¶

style - frame seleccionado

default_value - valor patrón para alinear.

styleName - nombre del archivo de layout

Retorno¶

devuelve una String.

getAlignValue¶

Style#getAlignValue(value)

obtén el valor de alineación.

Parámetros¶

value - (left, right, top, bottom, center, vertical)

Retorno¶

Devuelve el valor de alineación.

Archivos de estilo¶

Los archivos de estilo proporcionan el layout de los componentes visualizado por el usuario. Es en él que definimos la fuente que se utilizará, el color de fondo de un componente, el área que ocupará la alineación, el nombre del componente, etc.

Formato y ejemplos¶

El archivo de estilo debe estar escrito en formato JSON (JavaScript Object Notation), veamos un ejemplo de su notación:
{
 "frame": {
   "background": {
     "color": 16777215
   },
   "area": {
     "x": 0,
     "y": 0,
     "w": 240,
     "h": 320
   }
 }
}
El ejemplo de arriba muestra la definición de un objeto "frame" donde el color de fondo se define en decimal (el patrón adoptado es RGB 565), su área donde "x" y "y" es la posición del componente y "w" y "h" son el ancho y altura respectivamente.

Archivo JCSS¶

El SDK ofrece al desenvolvedor acceso al nombre de los componentes definidos en el SDK a través del paquete "phui#components/style.wmlsc", en este paquete Se definen los componentes predeterminados de la plataforma. Para obtener más detalles, consulte nuestro paquete de ejemplos de SDK.

El estilo¶

Debe estar almacenado en un archivo ASCII y guardado en la carpeta de la aplicación con el nombre JCSS. Debe utilizar el patrón json como estructura.

Ejemplo de Estilo¶

{
 "button": {
   "botaoExemplo": {
     "area": {
       "x": 20,
       "y": 20,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BOT1",
         "code": 13,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }
}

Nombre de componentes del archivo JCSS¶

FONT_FG14¶

Style#FONT_FG14()

return font

"font": {
   "name": "FG14",
   "color": 12648705
 }

FRAME¶

Style#FRAME()

return frame

 "frame": {
   "background": {
     "color": 16777215
   }

IMAGE_INPUT_CARD¶

Style#IMAGE_INPUT_CARD()

return inputCard

"image": {
   "inputCard": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 0,
       "w": 240,
       "h": 320
     },
     "name": "I011"
   }
  }

IMAGE_SEP_INFO¶

Style#IMAGE_SEP_INFO()

return sepinfo

"image": {
    "sepinfo": {
     "area": {
       "x": 3,
       "y": 80,
       "w": 240,
       "h": 50
     },
     "name": "SEP"
   }
  }

IMAGE_SEP_INFO_BOTTOM¶

Style#IMAGE_SEP_INFO_BOTTOM()

return sepinfoBottom

"image": {
  "sepinfoBottom": {
     "area": {
       "x": 3,
       "y": 260,
       "w": 240,
       "h": 15
     },
     "name": "SEP"
   }
  }

IMAGE_LOGO_MOBTEF¶

Style#IMAGE_LOGO_MOBTEF()

return logo_mobitef

"image": {
  "logo_mobitef": {
    "align": [
      "center",
      "vertical"
    ],
    "area": {
      "x": 0,
      "y": 70,
      "w": 240,
      "h": 50
    },
    "name": "LOGO"
  }
}

IMAGE_CONFIRMATION¶

Style#IMAGE_CONFIRMATION()

return confirmation

"image": {
"confirmation": {
    "align": [
      "center",
      "vertical"
    ],
    "area": {
      "x": 0,
      "y": 10,
      "w": 240,
      "h": 310
    },
    "name": "I010"
  }
}

IMAGE_NOT_AUTHORIZED¶

Style#IMAGE_NOT_AUTHORIZED()

return notAuthorized

"image": {
"notAuthorized": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 110,
       "w": 240,
       "h": 50
     },
     "name": "I007"
   }
}

IMAGE_SHOW_AUTHORIZED¶

Style#IMAGE_SHOW_AUTHORIZED()

return noAuthorized

"notAuthorized": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 110,
       "w": 240,
       "h": 50
     },
     "name": "I007"
   }

IMAGE_SHOW_ERROR¶

Style#IMAGE_SHOW_ERROR()

return showError

"image": {
"showError": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 110,
       "w": 240,
       "h": 50
     },
     "name": "I009"
   }
}

IMAGE_SHOW_SUCCESS¶

Style#IMAGE_SHOW_SUCCESS()

return showSuccess

"image": {
"showSuccess": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 110,
       "w": 240,
       "h": 50
     },
     "name": "I008"
   }
}

IMAGE_PAYSTORE¶

Style#IMAGE_PAYSTORE()

return paystore

"image": {
"paystore": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 30,
       "w": 240,
       "h": 150
     },
     "name": "I012"
   }
}

IMAGE_SHOW_LOW_BATTERY¶

Style#IMAGE_SHOW_LOW_BATTERY()

return paystore

"image": {
"showLowBattery": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 100,
       "w": 240,
       "h": 50
     },
     "name": "I013"
   }
}

ANIMATION_LOADING¶

Style#ANIMATION_LOADING()

return loading

 "animation": {
   "loading": {
     "align": [
       "center",
       "vertical"
     ],
     "area": {
       "x": 0,
       "y": 110,
       "w": 240,
       "h": 50
     },
     "frequence": 1,
     "images": [
       "I000",
       "I001",
       "I002",
       "I003",
       "I004",
       "I005",
       "I006"
     ]
   }
 }

LABEL_INFO_TITLE¶

Style#LABEL_INFO_TITLE()

return lbinfoTitle

 "label": {
 "lbinfoTitle": {
     "area": {
       "x": 8,
       "y": 60,
       "w": 240,
       "h": 20
     },
     "font": {
       "color": 0,
       "name": "FG18"
     },
    "align": ["left", "vertical"],
    "backGround": {
       "color": 16777215
     }
   }
 }

LABEL_INFO_CENTER¶

Style#LABEL_INFO_CENTER()

return lbinfoCenter

 "label": {
  "lbinfoCenter": {
     "area": {
       "x": 0,
       "y": 0,
       "w": 240,
       "h": 13
     },
    "align": ["center", "vertical"],
     "font": {
      "name": "FG14",
      "color": 0
    }
  }
 }

LABEL_INFO_LEFT¶

Style#LABEL_INFO_LEFT()

return lbinfoLeft

 "label": {
  "lbinfoLeft": {
     "area": {
       "x": 0,
       "y": 0,
       "w": 130,
       "h": 13
     },
     "font": {
      "name": "FG14",
      "color": 0
    },
    "align": ["left", "vertical"]
  }
 }

LABEL_INFO_VALUE_LEFT¶

Style#LABEL_INFO_VALUE_LEFT()

return lbinfoValueLeft

 "label": {
  "lbinfoValueLeft": {
     "area": {
       "x": 0,
       "y": 0,
       "w": 230,
       "h": 13
     },
     "font": {
      "name": "FG16",
      "color": 0
    },
    "align": ["right", "vertical"]
  }
 }

LABEL_INFO_RIGHT¶

Style#LABEL_INFO_RIGHT()

return lbinfoRight

 "label": {
  "lbinfoRight": {
     "area": {
      "x": 0,
       "y": 0,
       "w": 95,
       "h": 13
     },
    "align": ["right", "vertical"],
    "font": {
      "name": "FG16",
      "color": 0
    }
  }
 }

LABEL_MESSAGE¶

Style#LABEL_MESSAGE()

return message

 "label": {
  "message": {
     "area": {
       "x": 0,
       "y": 30,
       "w": 240,
       "h": 320
     },
     "align": [
       "center",
       "vertical"
     ],
     "font": {
    "name": "FG16",
    "color": 12648705
  }
   }
 }

LABEL_TITLE_ERROR_MSG¶

Style#LABEL_TITLE_ERROR_MSG()

return titleErrorMsg

 "label": {
  "titleErrorMsg": {
    "area": {
    "x": 0,
    "y": 22,
    "w": 240,
    "h": 78
    },
    "font": {
    "color": 12648705,
    "name": "FG18"
    },
    "align": [
    "center",
    "bottom"
    ]
  }
 }

LABEL_TITLE¶

Style#LABEL_TITLE()

return title

 "label": {
  "title": {
    "area": {
    "x": 0,
    "y": 32,
    "w": 240,
    "h": 78
    },
    "font": {
    "color": 12648705,
    "name": "FG18"
    },
    "align": [
    "center",
    "vertical"
    ]
  }
 }

LABEL_TITLE_FEEDBACK¶

Style#LABEL_TITLE_FEEDBACK()

return titleFeedBack

 "label": {
  "titleFeedBack": {
    "area": {
    "x": 0,
    "y": 22,
    "w": 240,
    "h": 78
    },
    "font": {
    "color": 12648705,
    "name": "FG18"
    },
    "align": [
    "center",
    "vertical"
    ]
  }
 }

LABEL_MESSAGE_FEEDBACK¶

Style#LABEL_MESSAGE_FEEDBACK()

return messageFeedback

 "label": {
  "messageFeedBack": {
     "area": {
       "x": 0,
       "y": 215,
       "w": 240,
       "h": 55
     },
     "background": {
      "color": 16777215
      },
     "font": {
       "color": 0,
       "name": "FG16"
     },
     "align": [
       "center"
     ]
   }
 }

LABEL_SUBTITLE¶

Style#LABEL_SUBTITLE()

return subtitle

 "label": {
"subtitle": {
    "area": {
    "x": 0,
    "y": 95,
    "w": 240,
    "h": 78
    },
    "font": {
    "color": 12648705,
    "name": "FG16"
    },
    "align": [
    "center",
    "vertical"
    ]
   }
 }

LABEL_HINT¶

Style#LABEL_HINT()

return hint

 "label": {
  "hint": {
    "area": {
    "x": 0,
    "y": 256,
    "w": 240,
    "h": 78
    },
    "font": {
    "color": 12648705,
    "name": "FG14"
    },
    "align": [
    "center"
    ]
  }
 }

LABEL_AC_SUBTITLE¶

Style#LABEL_AC_SUBTITLE()

return AcSubtitle

 "label": {
"AcSubtitle": {
     "area": {
       "x": 0,
       "y": 120,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_SUBTITLE_CUSTOM¶

Style#LABEL_SUBTITLE_CUSTOM()

return subtitle_custom

 "label": {
"subtitle_custom": {
     "area": {
       "x": 0,
       "y": 170,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_HEADING¶

Style#LABEL_HEADING()

return lbHeading

 "label": {
  "lbHeading": {
     "area": {
       "x": 0,
       "y": 10,
       "w": 240,
       "h": 78
     },
     "font": {
       "color": 0,
       "name": "FG16"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_TITLE_INPUT¶

Style#LABEL_TITLE_INPUT()

return titleInput

 "label": {
"titleInput": {
     "area": {
       "x": 0,
       "y": 32,
       "w": 240,
       "h": 78
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_TITLE_AC_INPUT¶

Style#LABEL_TITLE_AC_INPUT()

return titleAcInput

 "label": {
  "titleAcInput": {
    "area": {
    "x": 0,
    "y": 32,
    "w": 240,
    "h": 78
    },
    "font": {
    "color": 12648705,
    "name": "FG18"
    },
    "align": [
    "center",
    "vertical"
    ]
  }
 }

LABEL_TITLE_INPUT_CUSTOM¶

Style#LABEL_TITLE_INPUT_CUSTOM()

return titleInputCustom

 "label": {
"titleInputCustom": {
     "area": {
       "x": 0,
       "y": 82,
       "w": 240,
       "h": 78
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_PAGED_TITLE_MENU¶

Style#LABEL_PAGED_TITLE_MENU()

return pagedTitleMenu

 "label": {
"pagedTitleMenu": {
     "backGround": {
       "color": 16777215
     },
     "area": {
       "x": 185,
       "y": 27,
       "w": 50,
       "h": 33
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_TITLE_MENU¶

Style#LABEL_TITLE_MENU()

return titleMenu

 "label": {
 "titleMenu": {
     "area": {
       "x": 5,
       "y": 27,
       "w": 215,
       "h": 33
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_ICON_MENU_TITLE¶

Style#LABEL_ICON_MENU_TITLE()

return icon_menuTitle

 "label": {
"icon_menuTitle": {
     "area": {
       "x": 5,
       "y": 27,
       "w": 215,
       "h": 33
     },
     "font": {
       "color": 0,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_COUNT_MENU_LABEL¶

Style#LABEL_COUNT_MENU_LABEL()

return count_menuLabel

 "label": {
"count_menuLabel": {
     "area": {
       "x": 180,
       "y": 30,
       "w": 50,
       "h": 33
     },
     "font": {
       "color": 16777215,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_PRESENTATION¶

Style#LABEL_PRESENTATION()

return presentation

 "label": {
"presentation": {
     "area": {
       "x": 0,
       "y": 140,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_IDLE_MSG¶

Style#LABEL_IDLE_MSG()

return idleMsg

 "label": {
"idleMsg": {
     "area": {
       "x": 0,
       "y": 160,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_IDLE_MSG2¶

Style#LABEL_IDLE_MSG2()

return idleMsg2

 "label": {
"idleMsg2": {
     "area": {
       "x": 0,
       "y": 135,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_IDLE_MSG3¶

Style#LABEL_IDLE_MSG3()

return idleMsg3

 "label": {
"idleMsg3": {
     "area": {
       "x": 0,
       "y": 115,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_CURRENCY¶

Style#LABEL_CURRENCY()

return currency

 "label": {
"currency": {
     "area": {
       "x": 15,
       "y": 170,
       "w": 200,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_CURRENCY_CUSTOM¶

Style#LABEL_CURRENCY_CUSTOM()

return currency_custom

 "label": {
"currency_custom": {
     "area": {
       "x": 15,
       "y": 220,
       "w": 200,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_BG_CURRENCY¶

Style#LABEL_BG_CURRENCY()

return bgCurrency

 "label": {
"bgCurrency": {
     "background": {
       "image": {
         "name": "BG05",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 115,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_BG_BALANCE_TOP¶

Style#LABEL_BG_BALANCE_TOP()

return bgBalanceTop

 "label": {
"bgBalanceTop": {
     "background": {
       "image": {
         "name": "BG01",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 65,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_BG_BALANCE_EQUAL¶

Style#LABEL_BG_BALANCE_EQUAL()

return bgBalanceEqual

 "label": {
"bgBalanceEqual": {
     "background": {
       "image": {
         "name": "BG06",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 85,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_BG_BALANCE¶

Style#LABEL_BG_BALANCE()

return bgBalance

 "label": {
"bgBalance": {
     "background": {
       "image": {
         "name": "BG06",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 115,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_BG_CURRENCY_BOTTOM¶

Style#LABEL_BG_CURRENCY_BOTTOM()

return bgCurrencyBottom

 "label": {
"bgCurrencyBottom": {
     "background": {
       "image": {
         "name": "BG05",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 165,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_BG_EQUAL_INPUT¶

Style#LABEL_BG_EQUAL_INPUT()

return bgEqualInput

 "label": {
"bgEqualInput": {
     "background": {
       "image": {
         "name": "BG04",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 165,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_BG_BIG_GENERAL¶

Style#LABEL_BG_BIG_GENERAL()

return bgBigGeneral

 "label": {
"bgBigGeneral": {
     "background": {
       "image": {
         "name": "BG10",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 100,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_BG_EQUAL_PART¶

Style#LABEL_BG_EQUAL_PART()

return bgEqualPart

 "label": {
"bgEqualPart": {
     "background": {
       "image": {
         "name": "BG08",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 135,
       "w": 240,
       "h": 50
     }
   }
 }

LABEL_IDLE_IMG¶

Style#LABEL_IDLE_IMG()

return idleImg

 "label": {
"idleImg": {
     "background": {
       "image": {
         "name": "LOGO",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 90,
       "w": 240,
       "h": 75
     }
   }
 }

LABEL_IDLE_IMG2¶

Style#LABEL_IDLE_IMG2()

return idleImg2

 "label": {
"idleImg2": {
     "background": {
       "image": {
         "name": "LOGO",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 65,
       "w": 240,
       "h": 75
     }
   }
 }

LABEL_IDLE_IMG3¶

Style#LABEL_IDLE_IMG3()

return idleImg3

 "label": {
"idleImg3": {
     "background": {
       "image": {
         "name": "LOGO",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 45,
       "w": 240,
       "h": 75
     }
   }
 }

LABEL_IDLE_IMG_FEEDBACK¶

Style#LABEL_IDLE_IMG_FEEDBACK()

return idleImgFeedback

 "label": {
"idleImgFeedback": {
     "background": {
       "image": {
         "name": "LOGO",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 0,
       "y": 50,
       "w": 240,
       "h": 75
     }
 }
}

LABEL_MSG_LOW_BATTERY¶

Style#LABEL_MSG_LOW_BATTERY()

return msgLowBattery

 "label": {
"msgLowBattery": {
    "area": {
      "x": 4,
       "y": 185,
      "w": 235,
       "h": 78
     },
     "font": {
       "color": 0,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }
}

LABEL_AMOUNT¶

Style#LABEL_AMOUNT()

return amount

 "label": {
"amount": {
     "area": {
       "x": 15,
       "y": 115,
       "w": 210,
       "h": 50
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_TOKEN_TITLE¶

Style#LABEL_TOKEN_TITLE()

return token_title

 "label": {
"token_title": {
     "area": {
       "x": 0,
       "y": 150,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "center",
       "vertical"
     ],
     "background": {
       "image": {
         "name": "BG08",
         "align": [
           "center",
           "vertical"
         ]
       }
     }
   }
 }

LABEL_TOKEN_VALUE¶

Style#LABEL_TOKEN_VALUE()

return token_value

 "label": {
"token_value": {
     "area": {
       "x": 0,
       "y": 200,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG26"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_DESCRIPTION_TITLE¶

Style#LABEL_DESCRIPTION_TITLE()

return description_title

 "label": {
"description_title": {
     "area": {
       "x": 0,
       "y": 90,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ],
     "background": {
       "image": {
         "name": "BG08",
         "align": [
           "center",
           "vertical"
         ]
       }
     }
   }
 }

LABEL_DESCRIPTION¶

Style#LABEL_DESCRIPTION()

return description

 "label": {
"description": {
     "area": {
       "x": 20,
       "y": 115,
       "w": 200,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_QTT_CURRENCY¶

Style#LABEL_QTT_CURRENCY()

return qtt_currency

 "label": {
"qtt_currency": {
     "area": {
       "x": 20,
       "y": 193,
       "w": 200,
       "h": 52
     },
     "font": {
       "color": 12648705,
       "name": "FG20"
     },
     "align": [
       "left",
       "vertical"
     ]

   }
 }

LABEL_ITEM_VALUE¶

Style#LABEL_ITEM_VALUE()

return item_value

 "label": {
"item_value": {
     "area": {
       "x": 12,
       "y": 193,
       "w": 205,
       "h": 52
     },
     "font": {
       "color": 12648705,
       "name": "FG20"
     },
     "background": {
       "image": {
         "name": "BG06",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_QUANTITY¶

Style#LABEL_QUANTITY()

return quantity

 "label": {
"quantity": {
     "area": {
       "x": 20,
       "y": 242,
       "w": 220,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG20"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_DISCOUNT_CURRENCY¶

Style#LABEL_DISCOUNT_CURRENCY()

return discount_currency

 "label": {
"discount_currency": {
     "area": {
       "x": 20,
       "y": 138,
       "w": 200,
       "h": 52
     },
     "font": {
       "color": 12648705,
       "name": "FG20"
     },
     "align": [
       "left",
       "vertical"
     ]

   }
 }

LABEL_DISCOUNT_VALUE¶

Style#LABEL_DISCOUNT_VALUE()

return discount_value

 "label": {
"discount_value": {
     "area": {
       "x": 13,
       "y": 138,
       "w": 205,
       "h": 52
     },
     "font": {
       "color": 12648705,
       "name": "FG20"
     },
     "background": {
       "image": {
         "name": "BG06",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_DISCOUNT_TITLE¶

Style#LABEL_DISCOUNT_TITLE()

return discount_title

 "label": {
"discount_title": {
     "area": {
       "x": 0,
       "y": 190,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ],
     "background": {
       "image": {
         "name": "BG03",
         "align": [
           "center",
           "vertical"
         ]
       }
     }
   }
 }

LABEL_TITLE_SUMMARY¶

Style#LABEL_TITLE_SUMMARY()

return title_summary

 "label": {
"title_summary": {
     "area": {
       "x": 0,
       "y": 90,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "center",
       "vertical"
     ],
     "background": {
       "image": {
         "name": "BG09",
         "align": [
           "center",
           "vertical"
         ]
       }
     }
   }
 }

LABEL_TITLE_PAYMENT¶

Style#LABEL_TITLE_PAYMENT()

return title_payment

 "label": {
"title_payment": {
     "area": {
       "x": 0,
       "y": 32,
       "w": 240,
       "h": 78
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_ITEM_TOTAL¶

Style#LABEL_ITEM_TOTAL()

return item_total

 "label": {
"item_total": {
     "area": {
       "x": 18,
       "y": 204,
       "w": 220,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_ITEM_TOTAL_VALUE¶

Style#LABEL_ITEM_TOTAL_VALUE()

return item_total_value

 "label": {
"item_total_value": {
     "area": {
       "x": 13,
       "y": 204,
       "w": 208,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "background": {
       "image": {
         "name": "BG06",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_ORDER_PRODUCT¶

Style#LABEL_ORDER_PRODUCT()

return order_product

 "label": {
"order_product": {
     "area": {
       "x": 13,
       "y": 70,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_ORDER_QTT¶

Style#LABEL_ORDER_QTT()

return order_qtt

 "label": {
"order_qtt": {
     "area": {
       "x": 100,
       "y": 70,
       "w": 240,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_ORDER_VALUE¶

Style#LABEL_ORDER_VALUE()

return order_value

 "label": {
"order_value": {
     "area": {
       "x": 13,
       "y": 70,
       "w": 210,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG14"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_TOTAL¶

Style#LABEL_PAYMENT_TOTAL()

return payment_total

 "label": {
"payment_total": {
     "area": {
       "x": 15,
       "y": 100,
       "w": 210,
       "h": 35
     },
     "background": {
       "image": {
         "name": "BG10",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_TOTAL_AMOUNT¶

Style#LABEL_PAYMENT_TOTAL_AMOUNT()

return payment_total_amount

 "label": {
"payment_total_amount": {
     "area": {
       "x": 15,
       "y": 117,
       "w": 210,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_PAID¶

Style#LABEL_PAYMENT_PAID()

return payment_paid

 "label": {
"payment_paid": {
     "area": {
       "x": 15,
       "y": 135,
       "w": 210,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_PAID_AMOUNT¶

Style#LABEL_PAYMENT_PAID_AMOUNT()

return payment_paid_amount

 "label": {
"payment_paid_amount": {
     "area": {
       "x": 15,
       "y": 152,
       "w": 210,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_BALANCE¶

Style#LABEL_PAYMENT_BALANCE()

return payment_balance

 "label": {
"payment_balance": {
     "area": {
       "x": 15,
       "y": 170,
       "w": 210,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_BALANCE_AMOUNT¶

Style#LABEL_PAYMENT_BALANCE_AMOUNT()

return payment_balance_amount

 "label": {
"payment_balance_amount": {
     "area": {
       "x": 15,
       "y": 187,
       "w": 210,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_BG_SUMMARY¶

Style#LABEL_BG_SUMMARY()

return bg_summary

 "label": {
"bg_summary": {
     "background": {
       "image": {
         "name": "BG08",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "area": {
       "x": 13,
       "y": 103,
       "w": 210,
       "h": 35
     }
   }
 }

LABEL_ORDER_TOTAL¶

Style#LABEL_ORDER_TOTAL()

return order_total

 "label": {
"order_total": {
     "area": {
       "x": 18,
       "y": 208,
       "w": 220,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_ORDER_TOTAL_VALUE¶

Style#LABEL_ORDER_TOTAL_VALUE()

return order_total_value

 "label": {
"order_total_value": {
     "area": {
       "x": 13,
       "y": 208,
       "w": 210,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "background": {
       "image": {
         "name": "BG06",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_VALUE¶

Style#LABEL_PAYMENT_VALUE()

return payment_value

 "label": {
"payment_value": {
     "area": {
       "x": 13,
       "y": 100,
       "w": 210,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_VALUE_EQUAL¶

Style#LABEL_PAYMENT_VALUE_EQUAL()

return payment_value_equal

 "label": {
"payment_value_equal": {
     "area": {
       "x": 13,
       "y": 135,
       "w": 210,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

LABEL_PAYMENT_METHOD_AMOUNT¶

Style#LABEL_PAYMENT_METHOD_AMOUNT()

return payment_method_amount

 "label": {
"payment_method_amount": {
     "area": {
       "x": 15,
       "y": 200,
       "w": 205,
       "h": 35
     },
     "font": {
       "color": 12648705,
       "name": "FG18"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_BALANCE_LABEL¶

Style#LABEL_BALANCE_LABEL()

return balance_label

 "label": {
    "balance_label": {
     "area": {
       "x": 15,
       "y": 115,
       "w": 205,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_BALANCE_LABEL_EQUAL¶

Style#LABEL_BALANCE_LABEL_EQUAL()

return balance_label_equal

 "label": {
"balance_label_equal": {
     "area": {
       "x": 15,
       "y": 85,
       "w": 205,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "left",
       "vertical"
     ]
   }
 }

LABEL_BALANCE_AMOUNT_LABEL¶

Style#LABEL_BALANCE_AMOUNT_LABEL()

return balance_amount_label

 "label": {
"balance_amount_label": {
     "area": {
       "x": 15,
       "y": 115,
       "w": 205,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

LABEL_BALANCE_AMOUNT_LABEL_EQUAL¶

Style#LABEL_BALANCE_AMOUNT_LABEL_EQUAL()

return balance_amount_label_equal

 "label": {
"balance_amount_label_equal": {
     "area": {
       "x": 15,
       "y": 85,
       "w": 205,
       "h": 50
     },
     "font": {
       "color": 12648705,
       "name": "FG16"
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

MEMO¶

Style#MEMO()

return memo

 "memo": {
   "font": {
     "name": "FG14",
     "color": 12648705
   },
   "align": [
     "center"
   ],
   "area": {
     "w": 200,
     "h": 160,
     "x": 20,
     "y": 80
   }
 }

MEMO_ORDER_SUMMARY¶

Style#MEMO_ORDER_SUMMARY()

return order_summary

 "memo": {
"order_summary": {
     "lines": {
       "align": ["left"]
     },
     "align": ["center", "top"],
     "area": {
       "w":  200,
       "h":  90,
       "x":  18,
       "y":  113
     }
   }
 }

MEMO_PAYMENT_SUMMARY¶

Style#MEMO_PAYMENT_SUMMARY()

return payment_summary

 "memo": {
"payment_summary": {
     "area": {
       "x":  13,
       "y":  100,
       "w":  210,
       "h":  130
     },
     "align": ["center", "top"],
     "lines": {
       "align": ["center", "vertical"]
     },
     "font": {
       "color": 12648705,
       "name": "CO16"
     },
     "background": {
       "image": {
         "name": "BG05",
         "align": [
           "center",
           "vertical"
         ]
       }
     }
   }
 }

MEMO_ITEM_SUMMARY¶

Style#MEMO_ITEM_SUMMARY()

return item_summary

 "memo": {
"item_summary": {
     "lines": {
       "align": ["left"]
     },
     "align": ["center", "vertical"],
     "area": {
       "w":  200,
       "h":  180,
       "x":  18,
       "y":  80
     }
   }
 }

MEMO_MEMO_MSG¶

Style#MEMO_MEMO_MSG()

return memoMsg

 "memo": {
"memoMsg": {
  "lines": {
    "align": ["center"]
  },
    "align": ["center", "bottom"],
     "area": {
       "w":  200,
       "h":  320,
       "x":  20,
       "y":  220
     }
  }
 }

MEMO_CENTER_MEMO¶

Style#MEMO_CENTER_MEMO()

return centerMemo

 "memo": {
"centerMemo": {
    "align": ["center", "vertical"],
     "area": {
       "w":  200,
       "h":  160,
       "x":  21,
       "y":  80
     }
  }
 }

MEMO_MEMO_INFO¶

Style#MEMO_MEMO_INFO()

return memoInfo

 "memo": {
"memoInfo": {
    "align": ["center", "top"],
    "lines": {
           "align": ["left"]
         }
  }
 }

MEMO_SHOW_MEMO¶

Style#MEMO_SHOW_MEMO()

return showMemo

 "memo": {
"showMemo": {
    "align": ["left"]
  }
 }

MENU¶

Style#MENU()

return menu

"menu": {
   "area": {
     "x": 5,
     "y": 55,
     "w": 230,
     "h": 220
   },
   "font": {
     "color": 12648705,
     "name": "FG14"
   },
   "itemColors": {
     "selectedBackgroundColor": 14273241,
     "unselectedBackgroundColor": 15112601,
     "selectedFontColor": 12648705,
     "unselectedFontColor": 12648705
   },
   "menuImages": {
     "selectedItemImage": "MNON",
     "selectedItemImageTextWidth": 200,
     "unselectedItemImage": "MN",
     "unselectedItemImageTextWidth": 200
   },
   "itensPerScreen": 5,
"upperCase": true
 }

FIELD¶

Style#FIELD()

return field

 "field": {
   "color": 0,
   "font": {
     "name": "FG18#FG16",
     "color": 12648705
   },
    "area": {
     "x": 14,
     "y": 150,
     "w": 205,
     "h": 50
   },
   "background": {
     "image": {
       "name": "BG02",
       "align": [
         "left",
         "vertical"
       ]
     }
   },
   "align": [
     "right",
     "vertical"
   ]
 }

FIELD_PASSWORD¶

Style#FIELD_PASSWORD()

return password

 "field": {
"password": {
     "font": {
       "name": "FG24",
       "color": 12648705
     },
     "hiddenChar": "FHCH"
   }
 }

FIELD_PASSWORD2¶

Style#FIELD_PASSWORD2()

return password2

 "field": {
"password2": {
     "font": {
       "name": "FG24",
       "color": 12648705
     },
     "hiddenChar": "FHCH",
     "align": [ "left", "vertical" ],
     "area": { "x": 20, "y": 215, "w": 205, "h": 50 },
     "background": {}
   }
 }

FIELD_AC_INPUT¶

Style#FIELD_AC_INPUT()

return acInput

 "field": {
"acInput": {
     "font": {
       "name": "FG24",
       "color": 12648705
     },
     "area": {
       "x": 13,
       "y": 120,
       "w": 215,
       "h": 100
     },
     "background": {
       "image": {
         "name": "BG04",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

FIELD_CURRENCY¶

Style#FIELD_CURRENCY()

return currency

 "field": {
"currency": {
     "font": {
       "name": "FG26#FG20",
       "color": 12648705
     },
     "background": {},
     "area": {
       "x": 0,
       "y": 200,
       "w": 215,
       "h": 50
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

FIELD_CURRENCY_CUSTOM¶

Style#FIELD_CURRENCY_CUSTOM()

return currency_custom

 "field": {
"currency_custom": {
     "font": {
       "name": "FG26",
       "color": 12648705
     },
     "background": {},
     "area": {
       "x": 0,
       "y": 250,
       "w": 215,
       "h": 50
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

FIELD_EQUAL_PART_CUSTOM¶

Style#FIELD_EQUAL_PART_CUSTOM()

return equal_part_custom

 "field": {
"equal_part_custom": {
     "font": {
       "name": "FG26",
       "color": 12648705
     },
     "background": {},
     "area": {
       "x": 0,
       "y": 215,
       "w": 215,
       "h": 50
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

FIELD_QTT_INPUT¶

Style#FIELD_QTT_INPUT()

return qtt_input

 "field": {
"qtt_input": {
     "area": {
       "x": 12,
       "y": 216,
       "w": 205,
       "h": 100
     },
     "font": {
       "name": "FG20",
       "color": 12648705
     },
     "background": {
       "image": {
         "name": "BG01",
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "align": [
       "right",
       "vertical"
     ]
   }
 }

FIELD_DISCOUNT_INPUT¶

Style#FIELD_DISCOUNT_INPUT()

return discount_input

 "field": {
"discount_input": {
     "area": {
       "x": 12,
       "y": 216,
       "w": 205,
       "h": 100
     },
     "font": {
       "name": "FG20",
       "color": 32768
     },
     "background": {},
     "align": [
       "right",
       "vertical"
     ]
   }
 }

CARD¶

Style#CARD()

return card

"card": {
   "title": {
     "area": {
       "x": 0,
       "y": 37,
       "w": 240,
       "h": 78
     },
     "align": [
       "center",
       "vertical"
     ]
   },
   "message": {
     "area": {
       "x": 0,
       "y": 180,
       "w": 240,
       "h": 140
     },
     "align": [
       "center",
       "vertical"
     ]
   }
 }

PINPAD¶

Style#PINPAD()

return pinpad

"pinpad": {
   "entry" : {
       "position" : { "x" : 20, "y" : 230},
       "colors" : { "bg" : 58579, "fg" : 49152},
       "specificFont": "pp16"
   },

   "font": {
      "color": 12648705,
      "name" : "FG24"
   },

   "title": {
     "font": {
       "color": 12648705,
       "name" : "FG20"
     },
     "area": {
       "x": 0,
       "y": 37,
       "w": 240,
       "h": 78
     },
     "align": [
       "center",
       "vertical"
     ]
   },

   "subtitle": {
     "font": {
      "color": 12648705,
      "name" : "FG18"
     },
     "area": {
       "x": 0,
       "y": 180,
       "w": 240,
       "h": 98
     },

     "position" : { "x" : 20, "y" : 20},

     "background" : {
       "image" :  { "name" : "PWDS", "align": [ "center", "vertical" ] },
       "align": [
         "center",
         "vertical"
       ]
     },
     "align": [
       "left",
       "top"
     ]
   },

   "currency" : {
     "font": {
      "color": 12648705,
      "name" : "FG20"
     },
     "area": {
       "x": 0,
       "y": 115,
       "w": 240,
       "h": 52
     },

     "position" : { "x" : 20, "y" : 5},

     "align": [
       "left",
       "bottom"
     ]
   },

   "value" : {
      "area": {
       "x": 0,
       "y": 115,
       "w": 240,
       "h": 52
     },

     "position" : { "x" : 20, "y" : 5},

     "background" : {
       "image" :  { "name" : "PWDE", "align": [ "center", "vertical" ] },
       "align": [
         "center",
         "vertical"
       ]
     },

     "align": [
       "right",
       "bottom"
     ],

     "font": {
       "color": 12648705,
       "name" : "FG18"
     }
   }
 }

STATUS¶

Style#STATUS()

return status

 "status": {
   "area": {
     "x": 0,
     "y": 0,
     "w": 240,
     "h": 27
   },
   "background": {
     "color": 12648705
   },
   "font": {
     "name": "FG10",
     "color": 16777215
   },
   "battery": {
     "position": {
       "x": 1,
       "y": 3
     },
     "icons": {
       "name": "SBTT",
       "color": 16777215
     },
     "align": [
       "right",
       "top"
     ],
     "charging": {
       "position": {
         "x": 0,
         "y": 4
       }
     },
     "percentage": {
       "position": {
         "x": 36,
         "y": 11
       }
     }
   },
   "signal": {
     "position": {
       "x": 0,
       "y": 0
     },
     "icons": {
       "name": "SBAT",
       "color": 16777215
     },
     "text": {
       "position": {
         "x": 25,
         "y": 6
       },
       "align": [
         "left",
         "bottom"
       ]
     },
     "align": [
       "left",
       "bottom"
     ]
   },
   "device": {
     "icons": {
       "name": "SBDV"
     },
     "stsColors": {
       "not_present": 16711680,
       "present": 16777215,
       "connected": 65280,
       "sckt_connected": 255
     },
     "align": [
       "left",
       "bottom"
     ],
     "position": {
       "x": 60,
       "y": 0
     }
   },
   "clock": {
     "align": [
       "left",
       "top"
     ],
     "position": {
       "x": 95,
       "y": 11
     }
   },
   "provider": {
     "icons": {
       "name": "SBOP",
       "color": 16777215
     },
     "align": [
       "right",
       "top"
     ],
     "position": {
       "x": 65,
       "y": 2
     }
   }
 }

NAVIGATION¶

Style#NAVIGATION()

return navigation

"navigation": {
   "area": {
     "x": 5,
     "y": 275,
     "w": 230,
     "h": 40
   },
   "down": {
     "background": {
       "image": {
         "name": "NAVD",
         "code": 3,
         "align": [
           "right",
           "vertical"
         ]
       }
     }
   },
"downdisabled": {
     "background": {
       "image": {
         "name": "NVDD",
         "code": 0,
         "align": [
           "right",
           "vertical"
         ]
       }
     }
   },
   "up": {
     "position": {
       "x": 60,
       "y": 0
     },
     "background": {
       "image": {
         "name": "NAVU",
         "code": 4,
         "align": [
           "right",
           "vertical"
         ]
       }
     }
   },
"updisabled": {
     "position": {
       "x": 60,
       "y": 0
     },
     "background": {
       "image": {
         "name": "NVUD",
         "code": 0,
         "align": [
           "right",
           "vertical"
         ]
       }
     }
   }
 }

KEYBOARD¶

Style#KEYBOARD()

return keyboard

"keyboard" : {
   "icons": {
       "name": "KEYB",
       "color": 12648705
   },

   "font": {
     "name": "FG18",
     "color": 12648705
   },

   "area": {
       "x": 10,
       "y": 200,
       "w": 220,
       "h": 120
    }
 }

BUTTON¶

Style#BUTTON()

return button

"button": {
   "font": {
     "name": "FG14",
     "color": 12648705
   }
 }

BUTTON_EXIT¶

Style#BUTTON_EXIT()

return exit

"button": {
"exit": {
  "area": {
       "x": 5,
       "y": 275,
       "w": 90,
       "h": 40
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 10,
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
  "upperCase": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE1¶

Style#BUTTON_BT_IDLE1()

return btIdle1

"button": {
"btIdle1": {
     "area": {
       "x": 20,
       "y": 165,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 13,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE2¶

Style#BUTTON_BT_IDLE2()

return btIdle2

"button": {
"btIdle2": {
     "area": {
       "x": 130,
       "y": 165,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 16,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE3_MENU¶

Style#BUTTON_BT_IDLE3_MENU()

return btIdle3Menu

"button": {
"btIdle3Menu": {
     "area": {
       "x": 20,
       "y": 215,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 13,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE4_FUNC¶

Style#BUTTON_BT_IDLE4_FUNC()

return btIdle4Func

"button": {
"btIdle4Func": {
     "area": {
       "x": 130,
       "y": 215,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 16,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE3¶

Style#BUTTON_BT_IDLE3()

return btIdle3

"button": {
"btIdle3": {
     "area": {
       "x": 20,
       "y": 215,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 6,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE4¶

Style#BUTTON_BT_IDLE4()

return btIdle4

"button": {
"btIdle4": {
     "area": {
       "x": 130,
       "y": 215,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 10,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE5¶

Style#BUTTON_BT_IDLE5()

return btIdle5

"button": {
"btIdle5": {
     "area": {
       "x": 20,
       "y": 265,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 5,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_IDLE6¶

Style#BUTTON_BT_IDLE6()

return btIdle6

"button": {
"btIdle6": {
     "area": {
       "x": 130,
       "y": 265,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 15,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_MENU¶

Style#BUTTON_BT_MENU()

return btMenu

"button": {
"btMenu": {
     "area": {
       "x": 20,
       "y": 230,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 13,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
  "upperCase": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_APP¶

Style#BUTTON_BT_APP()

return btApp

"button": {
"btApp": {
     "area": {
       "x": 130,
       "y": 230,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "align": [
           "right",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
   "upperCase": false,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_OK_LOW_BATTERY¶

Style#BUTTON_BT_OK_LOW_BATTERY()

return btOkLowBattery

"button": {
 "btOkLowBattery": {
     "area": {
       "x": 0,
       "y": 270,
       "w": 240,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 13,
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_FUNC¶

Style#BUTTON_BT_FUNC()

return btFunc

"button": {
"btFunc": {
     "area": {
       "x": 130,
       "y": 230,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "code": 16,
         "name": "BTN",
         "align": [
           "right",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
  "upperCase": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_FUNC_MENU¶

Style#BUTTON_BT_FUNC_MENU()

return btFuncMenu

"button": {
"btFuncMenu": {
     "area": {
       "x": 20,
       "y": 230,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 14,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "upperCase": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_YES¶

Style#BUTTON_BT_YES()

return btYes

"button": {
"btYes": {
     "area": {
       "x": 13,
       "y": 255,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 13,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_NO¶

Style#BUTTON_BT_NO()

return btNo

"button": {
"btNo": {
     "area": {
       "x": 137,
       "y": 255,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "code": 27,
         "name": "BTN",
         "align": [
           "right",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_LEFT¶

Style#BUTTON_BT_LEFT()

return btLeft

"button": {
"btLeft": {
     "area": {
       "x": 13,
       "y": 255,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 27,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_RIGHT¶

Style#BUTTON_BT_RIGHT()

return btRight

"button": {
"btRight": {
     "area": {
       "x": 137,
       "y": 255,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "code": 13,
         "name": "BTN",
         "align": [
           "right",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_PRT¶

Style#BUTTON_BT_PRT()

return btPrt

"button": {
"btPrt": {
     "area": {
       "x": 137,
       "y": 255,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "code": 16,
         "name": "BTN",
         "align": [
           "right",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_OP1¶

Style#BUTTON_BT_OP1()

return btOp1

"button": {
"btOp1": {
     "area": {
       "x": 13,
       "y": 255,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 49,
         "align": [
           "left",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   }
 }

BUTTON_BT_OP2¶

Style#BUTTON_BT_OP2()

return btOp2

"button": {
"btOp2": {
     "area": {
       "x": 137,
       "y": 255,
       "w": 90,
       "h": 50
     },
     "background": {
       "image": {
         "code": 50,
         "name": "BTN",
         "align": [
           "right",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
       "align": [
         "center",
         "vertical"
       ]
     }
  }
 }

COUNTDOWN¶

Style#COUNTDOWN()

return countdown

"countdown": {
   "token_time": {
     "area": {
       "x": 0,
       "y": 90,
       "w": 240,
       "h": 51
     },
     "align": [
       "center",
       "vertical"
     ],
     "font": {
       "name": "FG26",
       "color": 12648705
     },
     "background": {
       "image": {
         "name": "BG07",
         "align": [
           "center",
           "vertical"
         ]
       }
     }
   }
 }

CROLL_LABEL¶

Style#SCROLL_LABEL()

return scroll_label

"scroll_label": {
   "token_message": {
     "area": {
       "x": 20,
       "y": 280,
       "w": 200,
       "h": 50
     },
     "align": [
       "center",
       "vertical"
     ]

   }
 }

PROGRESS_PHDM¶

Style#PROGRESS_PHDM()

return phdm

"progress": {
   "phdm": {
     "area": {
       "x": 20,
       "y": 290,
       "w": 200,
       "h": 25
     },
     "image": {
       "area": {
         "x": 20,
         "y": 290,
         "w": 200,
         "h": 25
       },
       "backColor": 15198183,
       "foreColor": 4304053
     },
     "text": {
       "area": {
         "x": 20,
         "y": 292,
         "w": 200,
         "h": 25
       },
       "align": [
         "center",
         "vertical"
       ],
       "font": {
         "color": 6038659,
         "name": "FG14"
       }
     }
   }
 }

Ejemplo¶

use url Style  "phui#components/style.wmlsc";

var btSair = Button#create(Style#BUTTON_EXIT(), "sair", invalid);

Archivo de estilo personalizado¶

El desarrollador puede crear sus propios componentes y definiciones de layout, solo cree un archivo de estilo en la carpeta RES del proyecto, donde este archivo debe contener hasta 4 caracteres sin extensión.

Ejemplo¶

{
 "button": {
   "font": {
     "name": "FG14",
     "color": 12648705
   },
   "exit": {
   "area": {
       "x": 5,
       "y": 275,
       "w": 90,
       "h": 40
     },
     "background": {
       "image": {
         "name": "BTN",
         "code": 10,
         "align": [
           "center",
           "vertical"
         ]
       }
     },
     "label": {
       "visible": true,
   "upperCase": true,
       "align": [
         "center",
         "vertical"
       ]
     }
   },
   "bt1": {
       "area": {
           "x": 75, "y": 125, "w": 90, "h": 40
       },
       "background": {
           "image": {
               "name": "BTN", "code": 130, "align": [ "center", "vertical"]
           }
       },
       "label": {
           "visible": true, "align": [ "center", "vertical"]
       }
   },
   "bt2": {
       "area": {
           "x": 75, "y": 175, "w": 90, "h": 40
       },
       "background": {
           "image": {
               "name": "BTN", "code": 131, "align": [ "center", "vertical"]
           }
       },
       "label": {
           "visible": true, "align": [ "center", "vertical"]
       }
   }
}

Considere que el archivo arriba fue guardado como "MCSS" en la carpeta RES de nuestro proyecto, vamos a utilizarlo en nuestro script:

//criando os componentes, passando como parametro o nome do arquivo de estilo que tem suas propriedades
var bt01   = Button#create("bt1", "button01", "MCSS");
var bt02   = Button#create("bt2", "button02", "MCSS");
//perceba que o button "exit" existe no arquivo JCSS, mas esta sendo sobreescrito no arquivo MCSS
var btSair = Button#create("exit","sair", "MCSS");

Timer¶

package://phui#components/timer.wmlsc

Este módulo ofrece funciones para varias capturas interactivas.

Sumario¶

Función Descripción

create creación de un timer

setTimer Añade un timer a un componente.

reset Restablece el timer de un componente.

create¶

Timer#create(fname, timeout, resetTimeoutOnKey)

Implementación de creación de timer para la gestión de eventos.

Parámetros¶

fname - string que representa el nombre del componente;

timeout - entero en milesegundos que representa el timeout del componente;

resetTimeoutOnKey - booleano que reinicia el timeout de acuerdo con la acción del usuario;

Retorno¶

true o falso

Ejemplo:¶
use url Timer      "package://phui#components/timer.wmlsc";
use url Frame      "package://phui#components/frame.wmlsc";
use url Label      "package://phui#components/label.wmlsc";
use url Status     "package://phui#components/status.wmlsc";
use url Style      "package://phui#components/style.wmlsc";

extern function test()
{
var frame = Frame#create("frame", "");
var label = Label#create(Style#LABEL_MESSAGE(), "Olá mundo!", invalid);

Frame#add(frame, Status#create("status", ""));
Frame#add(frame,  label);

Frame#add(frame, Timer#create("timer", 5000, true));
Frame#show(frame);
}
Ejemplo de salida en la pantalla:
  ¡Hola mundo!

setTimer¶

Timer#setTimer(frame, timeout)

Añade un timer a un componente.

Parámetros¶

frame - componente alvo;

timeout - entero en milesegundos que representa el timeout del componente;

Devuelve¶

Ninguno

reset¶

Timer#reset(component)

Restablece el timer de un componente.

Parámetros¶

component - componente alvo;

Devuelve¶

Ninguno

Tbitmap¶

url package://libs#ui/tbitmap.wmlsc

Biblioteca para trabajar con imágenes bitmap.

Constantes¶

Constante Valor Descripción

WIDTH 0 Número de píxeles en horizontal (ancho).

HEIGHT 1 Número de píxeles en vertical (altura).

TYPE 2 Tipo de imagen ( phbmp - 0, native -1, bmp - 2 ).

PHBMP 0 Tipo de imagen phbmp (proprietário da phoebus).

NATIVE 1 Número de píxeles en horizontal.

BITMAP 2 Tipo de imagen bitmap.

Sumario¶

Función Descripción

attr Buscar atributo de imagen de acuerdo con la constante pasada.

bmp2PhBmp Convierte bmp en PhBmp.

create Crea un Tbitmap.

load Carga una imagen Bitmap del archivo IMG, o hace una copia profunda si el segundo parámetro es una imagen de.

save Guarda una imagen ( Bitmap, PhBuffer o nombre del archivo que contiene a imagen ) en el archivo IMG.

saveExt Guarda una imagen ( Bitmap, PhBuffer o string conteniendo el nombre del archivo ) en el arquivo IMG.

attr¶

Tbitmap#attr(bitmap)

Parámetros¶

bitmap - Tbitmap - Imagen bitmap.

attribute - integer - Atributo a recuperar.

Retorno¶

Entero que representa un width, height, type, o invalid en caso de parámetros no válidos.

Ejemplo:
use url Tbitmap "package://libs#ui/tbitmap.wmlsc";

/* vide a função "create" criar um Tbitmap */
var bitmap = Tbitmap#create(32, 120, data, Tbitmap#PHBMP());

Tbitmap#attr(bitmap, Tbitmap#HEIGHT());
Salida:
120

bmp2PhBmp¶

Convierte bmp en PhBmp.

Tbitmap#bmp2PhBmp(stream)

Parámetros¶

stream - StreamFile - Stream de bmp.

Retorno¶

Tbitmap

Ejemplo:
use url Tbitmap    "package://libs#ui/tbitmap.wmlsc";
use url StreamFile "package://vm#stream/file.wmlsc";

var stream = StreamFile#createExt("QBMP", StreamFile#O_CREAT());
Bitmap#bmp2PhBmp(stream);
Salida:
Tbitmap

create¶

Crea un Tbitmap.

Tbitmap#create(width, height, data, type)

Parametros¶

width -integer - ancho de bitmap.

height -integer - altura de bitmap.

data -PhBuffer ou String - contenido de bitmap

type -Constante - tipo de imagen.

Retorno¶

Tbitmap

Ejemplo:

use url Tbitmap "package://libs#ui/tbitmap.wmlsc";

var data = PhBuffer.create("0x00000080C0E0F078381C0C0E8686C6C2C242428282060404000890E0C080000000F8F8F8F8F878787878F8" +    "F0E0C00000F8F8F80000808080000000000000000080808080000000000000000000808080808000000000"  +
  "F8F8F8F8008080808000000000008080808000000000808080800000000000808080C0FCFEFFFF0700F0FC" +
  "3E0F03010100000000000000081D7EFCF3C73FFFFFFEF800FFFFFFFFFF0078787C7F3F1F0F0000FFFFFF0F" +
  "07070FFFFFFFFC00F8FCFEFF8F0707078FFEFEFC0070FCFEFFCFE7E7773F1F0E0600FFFFFFFF800707078F" +
  "FFFFFEF800FFFFFFFF00000080FFFFFFFF0080FCFEFFFF0F07073FFFFFFFF8C08F3F7E7830000000000000" +
  "00000080C0F07F1F07C0FFFFFF7F008FEF8F0F0F000000008080800000000F0F0F008080800F0F0F0F0001" +
  "0183878F8F0F0F0703030100808183070F0F0F0F0FEF0F0600010307878F8F0F0F0F0F0703008081038707" +
  "0F0F0F0F07A301000F0F0F8F8783000000000003070F072301404081808282828686C2C3C3E1E170383C1E" +
  "0F0F07010000003F2000000000001F2424241700000000001F202020110000000000003F0000003F000000" +
  "00001F2020201F00000000003F00000000001F2020201F00000000009FA0A0917F0000000000003F000000" +
  "00192424143F00");

Tbitmap#create(32, 120, data, Tbitmap#PHBMP());

Salida:

Tbitmap.

load¶

Carga una imagen Bitmap del archivo IMG, o hace una copia profunda si el segundo parámetro es una imagen Bitmap.

Tbitmap#load(tbitmap, tbitmapId)

Parametros¶

tbitmap - Tbitmap - Imagen Bitmap vacía que recibirá el cargo/copia.

tbitmapId - integer - Identificador de imagen.

Retorno¶

true en caso de exito, false en caso contrário.

Ejemplo:
use url Tbitmap "package://libs#ui/tbitmap.wmlsc";

var bitmap =  // vide o exemplo acima para criar um Tbitmap

Tbitmap#load(bitmap, invalid);
Salida:
False

save¶

Guarda una imagen ( Bitmap, PhBuffer o nombre del archivo que contiene la imagen ) en el archivo IMG.

Tbitmap#save(tbitmap, tbitmapId)

Parametros¶

tbitmap - Tbitmap - Imagen Bitmap vacío que recibirá el carga/copia.

tbitmapId - integer - Identificador de la imagen o Imagen Bitmap que se va a copiar.

Retorno¶

true en caso de exito, false en caso contrário.

Ejemplo:
use url Tbitmap "package://libs#ui/tbitmap.wmlsc";

var bitmap = // vide a função "create" criar um Tbitmap.
Bitmap#save(bitmap, 3);
Salida:
true

saveExt¶

Guarda una imagen ( Bitmap, PhBuffer o string conteniendo el nombre del archivo ) en el archivo IMG.

Tbitmap#saveExt(from, tbitmapId, height, width, type)

Parametros¶

from - Tbitmap ou PhBuffer ou String - Imagen bitmap, PhBuffer o nombre del archivo que contiene la imagen.

tbitmapId - integer - Identificador de la imagen o Imagen Bitmap que se va a copiar.

width -integer - ancho de bitmap.

height -integer - altura de bitmap.

data -PhBuffer ou String - contenido de bitmap

Retorno¶

true en caso de exito, false en caso contrário.

Ejemplo:

use url Tbitmap "package://libs#ui/tbitmap.wmlsc";

var data = PhBuffer.create("0x00000080C0E0F078381C0C0E8686C6C2C242428282060404000890E0C080000000F8F8F8F8F878787878F8" +    "F0E0C00000F8F8F80000808080000000000000000080808080000000000000000000808080808000000000"  +
  "F8F8F8F8008080808000000000008080808000000000808080800000000000808080C0FCFEFFFF0700F0FC" +
  "3E0F03010100000000000000081D7EFCF3C73FFFFFFEF800FFFFFFFFFF0078787C7F3F1F0F0000FFFFFF0F" +
  "07070FFFFFFFFC00F8FCFEFF8F0707078FFEFEFC0070FCFEFFCFE7E7773F1F0E0600FFFFFFFF800707078F" +
  "FFFFFEF800FFFFFFFF00000080FFFFFFFF0080FCFEFFFF0F07073FFFFFFFF8C08F3F7E7830000000000000" +
  "00000080C0F07F1F07C0FFFFFF7F008FEF8F0F0F000000008080800000000F0F0F008080800F0F0F0F0001" +
  "0183878F8F0F0F0703030100808183070F0F0F0F0FEF0F0600010307878F8F0F0F0F0F0703008081038707" +
  "0F0F0F0F07A301000F0F0F8F8783000000000003070F072301404081808282828686C2C3C3E1E170383C1E" +
  "0F0F07010000003F2000000000001F2424241700000000001F202020110000000000003F0000003F000000" +
  "00001F2020201F00000000003F00000000001F2020201F00000000009FA0A0917F0000000000003F000000" +
  "00192424143F00");

Tbitmap#saveExt(data, 1, 32, 120, Tbitmap#PHBMP());

Salida:

true

Módulo	url
Anim	package://phui#components/anim.wmlsc
Boolean	package://phui#components/boolean.wmlsc
Button	package://phui#components/button.wmlsc
Component	package://phui#components/components.wmlsc
Events	package://phui#components/events.wmlsc
Field	package://phui#components/field.wmlsc
Frame	package://phui#components/frame.wmlsc
Grid	package://phui#components/grid.wmlsc
Hotkey	package://phui#components/hotkey.wmlsc
Image	package://phui#components/image.wmlsc
Info	package://phui#input/info.wmls
Info Components	package://phui#components/info.wmlsc
InputUI	package://phui#input/input.wmlsc
Keyboard	package://phui#components/keyboard.wmlsc
Label	package://phui#components/label.wmlsc
Memo	package://phui#components/memo.wmlsc
Menu	package://tefui#ui/menu.wmlsc
Menu Components	package://phui#components/menu.wmlsc
Navigation	package://phui#components/navigation.wmlsc
Paged_menu	package://phui#components/paged_menu.wmlsc
Progress	package://phui#components/progress.wmlsc
Scroll	package://phui#components/scroll.wmlsc
Status	package://phui#components/status.wmlsc
Style	package://phui#components/style.wmlsc
Timer	package://phui#components/timer.wmlsc
Tbitmap	package://libs#ui/tbitmap.wmlsc

Función	Descripción
create	implementar interfaz de confirmación.
paint	dibujar interfaz de confirmación.
onKey	detecta qué tecla ha sido seleccionada: ENTER o ESC.

Función	Descripción
create	Cria un nuevo botón.
createExt	Cria un nuevo botón.
getText	Obtiene el contenido de la propiedad de texto del componente.
setImgName	Asigna el nombre de la imagen del botón.
setLabelAlign	Asigna la alineación del texto en el botón.
setText	Asigna una string a la propiedad de texto del componente.

Función	Descripción
create	crea un nuevo componente
loadProperties	carga el layout definido en un archivo .jcss en las propiedades del componente
getName	obtén el nombre del componente
getType	obtén el tipo del componente
getCustom	obtén el custom del componente
setCustom	asigna el custom del componente
getModule	obtén el módulo del componentes
getBounds	obtén una lista con los atributos (x, y, w, h) del componente
contains	comprueba si el componente está contenido en el frame, según las propiedades x, y, w y h.
draw	dibuja el componente del frame
getEventHandler	obtén el handler de un evento en el componente
clearEventHandler	elimina todos los eventos del componente
removeEventHandler	elimina el evento del componente
addEventHandler	agrega un evento en el componente
isFocusable	comproba si el componente permite el enfoque
setFocusable	agrega al componente la posibilidad de enfoque
setFocus	agrega al componente el enfoque
isFocused	comproba si el componente está enfocado.
isEnable	comproba si el componente está activado.
setEnable	habilita el componente
getProperties	obtén las propriedades del componente
getPropertiesCustomLoaded	obtén las propriedades del custom cargado en componente
getStyleName	obtén el nombre del estilo del componente
setStyleName	cambia el archivo jcss del componente.
getModified	comprueba si es necesario dibujar el componente
setModified	agrega un booleano que indica si es necesario dibujar el componente.
getBackgroundEnabled	comprueba si el background del componente está habilitado.
setBackgroundEnabled	asigna un valor booleano que indica si el background está habilitado o no.
hasSubComponents	comprueba si el componente es un subcomponente
setHasSubComponents	asigna un booleano que indica si el componente es un subcomponente o no
isPaginator	comprueba si el componente es un paginador
setPaginator	asigna un booleano que indica si el componente es un paginador o no.
getText	obtén el texto del componente.
setText	asigna un texto al componente.
drawBackgroundFromStyle2	dibuja el fondo del componente
drawBackgroundFromStyle	dibuja el fondo del componente
drawBackgroundFromProperties	dibuja el fondo del componente en función de las propiedades pasadas.
getY	obtén la coordenada Y del componente
getX	obtén la coordenada X del componente
getW	obtén el ancho del componente
getH	obtén la altura del componente
setY	asigna la coordenada X al componente
setX	asigna la coordenada Y al componente
setW	asigna el ancho del componente
setH	asigna la altura del componente
getCenterX	obtén la posición central de la coordenada X
getCenterY	obtén la posición central de la coordenada Y
getFontName	obtén el nombre de la fuente del componente
getFontColor	obtén el color de fuente del componente
getimageName	obtén el nombre de la imagen asignada al componente
getComponents	obtén todos los subcomponentes de un componente. `Actualmente solo el componente Grid tiene subcomponentes`

Constantes	Descripción	Valor
Field#MONEY	Dinero	0
Field#NUMBER	Número	1
Field#STRING	Texto	2

Constantes	Descripción	Valor
Field#CHAR_ALFA	Caracteres Alfanuméricos	1
Field#CHAR_NUMERICO	Caracteres Numéricos	2
Field#CHAR_HIDDEN	Caracteres Ocultos	4
Field#CHAR_REWRITE	Sobrescribe el texto inicial	8
Field#CHAR_ALFA_LOWER	Caractere alfanumérico diminuto	64
Field#CHAR_ALFA_UPPER	Caractere alfanumérico mayúscula	128

Constante	Descripción	Valor
Field#DIRECTION_LEFT	Campo capturado desde la izquierda	16
Field#DIRECTION_RIGHT	Campo capturado desde la derecha.	32

Constantes	Descripción	Valor
Field#INPUT_MASK_NUMBERS	Máscara para números	N
Field#INPUT_MASK_LETTERS	Máscara para letras	L
Field#INPUT_MASK_ALFANUM	Máscara para alfanuméricos	A
Field#INPUT_MASK_ANYCHAR	Cualquier caractere	_

Constante	Valor	Descripción
DEFAULT_OPTIONS	0	Patrón opción.
NUMERIC_SELECTION	4	Permite la selección numérica de los itens. (1-9).
SHOW_ITEM_INDEX	8	Muestra el índice en los itens.
AUTO_ARRENGE	32	Distribuye automáticamente los itens en la pantalla.

Función	Descripción
create	Crea una nueva grid.
getHeight	obtén la altura del grid.
getComponent	Obtén un componente que se inserta dentro del grid.
setMaxItens	Indica la cantidad máxima de itens seleccionables.
resetCustom	Restablece la configuración del grid a los valores padrones.

Función	Descripción
show	muestra informaciónes en la pantalla del dispositivo
printInfos	muestra informaciónes en el recibo impreso

Constantes	Valor
Info#ALL	0
Info#ONE	1
Info#PAPER_TIMEOUT	3000
Info#BEEP_TIMEOUT	50
Info#LINES_FEED	4

Función	Descripción
inputBoolean	interfaz con botones de confirmación.
inputBooleanWithImage	interfaz con botones de confirmación y imagen.
inputCurrency	interfaz de entrada de valor financiero.
inputString	interfaz para la inserción de string.
inputNumber	interfaz para la inserción de valores numéricos.
inputNumberExt	interfaz para la inserción de valores numéricos.

Constantes	Valor	Descripción
InputUI#INPUT_NONE	0	Retorno de input sin contenido.
InputUI#INPUT_ABORT	1	Retorno de input si se cancela la operación.
InputUI#INPUT_OK	2	Retorno de input al presionar la tecla ENTER.
InputUI#INPUT_TIMEOUT	3	Retorno de input cuando ocurre timeout.
InputUI#INPUT_PREV	4	Retorno de input de navegación al campo anterior.
InputUI#INPUT_NEXT	5	Retorno de input navegación al siguiente campo.
InputUI#FIELD_OK	6	Retorno do input cuando el campo se completa correctamente.

Constantes	Valor	Descripción
InputUI#CHAR_ALFA	1	Caracteres alfanuméricos.
InputUI#CHAR_NUMERICO	2	Caracteres numéricos.
InputUI#CHAR_HIDDEN	4	Caracteres ocultos.
InputUI#CHAR_REWRITE	8	Sobreescribe el texto inicial.
InputUI#CHAR_ALFA_LOWER	64	Carácter alfanumérico diminuto
InputUI#CHAR_ALFA_UPPER	128	Carácter alfanumérico mayúscula

Constantes	Valor	Descripción
InputUI#DIRECTION_LEFT	16	Campo capturado desde la izquierda.
InputUI#DIRECTION_RIGHT	32	Campo capturado desde la derecha.

Constantes	Valor	Descripción
InputUI#BEEP_KEY	30	Tiempo en milisegundos del sonido cuando se presiona una tecla.
InputUI#BEEP_MESSAGE	50	Tiempo en milisegundos del beep cuando se muestra un mensaje.
InputUI#BEEP_ALERT	100	Tiempo en milisegundos del beep cuando se muestra una alerta.
InputUI#BEEP_ERROR	500	Tiempo en milisegundos del beep cuando se muestra un mensaje de error.

Constante	Descripción
FONT_FG14	Devuelve las propiedades del font en el JCSS
FRAME	Devuelve las propiedades del frame en el JCSS
IMAGE_INPUT_CARD	Devuelve las propiedades del inputCard en el JCSS
IMAGE_SEP_INFO	Devuelve las propiedades del sepinfo en el JCSS
IMAGE_LOGO_MOBTEF	(deprecated) Devuelve las propiedades del logo_mobitef en el JCSS
IMAGE_CONFIRMATION	Devuelve las propiedades del confirmation en el JCSS
IMAGE_NOT_AUTHORIZED	Devuelve las propiedades del notAuthorized en el JCSS
IMAGE_SHOW_AUTHORIZED	(deprecated) Devuelve las propiedades del notAuthorized en el JCSS
IMAGE_SHOW_ERROR	Devuelve las propiedades del showError en el JCSS
IMAGE_SHOW_SUCCESS	Devuelve las propiedades del showSuccess en el JCSS
IMAGE_PAYSTORE	Devuelve las propiedades del paystore en el JCSS
IMAGE_SHOW_LOW_BATTERY	Devuelve las propiedades del showLowBattery en el JCSS
ANIMATION_LOADING	Devuelve las propiedades del loading en el JCSS
LABEL_INFO_TITLE	Devuelve las propiedades del lbinfoTitle en el JCSS
LABEL_INFO_CENTER	Devuelve las propiedades del lbinfoCenter en el JCSS
LABEL_INFO_LEFT	Devuelve las propiedades del lbinfoLeft en el JCSS
LABEL_INFO_VALUE_LEFT	Devuelve las propiedades del lbinfoValueLeft en el JCSS
LABEL_INFO_RIGHT	Devuelve las propiedades del lbinfoRight en el JCSS
LABEL_MESSAGE	Devuelve las propiedades del message en el JCSS
LABEL_TITLE_ERROR_MSG	Devuelve las propiedades del titleErrorMsg en el JCSS
LABEL_TITLE	Devuelve las propiedades del title en el JCSS
LABEL_TITLE_FEEDBACK	Devuelve las propiedades del titleFeedback en el JCSS
LABEL_MESSAGE_FEEDBACK	Devuelve las propiedades del messageFeedBack en el JCSS
LABEL_SUBTITLE	Devuelve las propiedades del subtitle en el JCSS
LABEL_HINT	Devuelve las propiedades del hint en el JCSS
LABEL_AC_SUBTITLE	(deprecated) Devuelve las propiedades del AcSubtitle en el JCSS
LABEL_SUBTITLE_CUSTOM	(deprecated) Devuelve las propiedades del subtitle_custom en el JCSS
LABEL_HEADING	Devuelve las propiedades del lbHeading en el JCSS
LABEL_TITLE_INPUT	Devuelve las propiedades del titleInput en el JCSS
LABEL_TITLE_AC_INPUT	(deprecated) Devuelve las propiedades del titleAcInput en el JCSS
LABEL_TITLE_INPUT_CUSTOM	(deprecated) Devuelve las propiedades del titleInputCustom en el JCSS
LABEL_PAGED_TITLE_MENU	Devuelve las propiedades del pagedTitleMenu en el JCSS
LABEL_TITLE_MENU	Devuelve las propiedades del titleMenu en el JCSS
LABEL_ICON_MENU_TITLE	Devuelve las propiedades del icon_menuTitle en el JCSS
LABEL_COUNT_MENU_LABEL	Devuelve las propiedades del count_menuLabel en el JCSS
LABEL_PRESENTATION	Devuelve las propiedades del presentation en el JCSS
LABEL_IDLE_MSG	Devuelve las propiedades del idleMsg en el JCSS
LABEL_IDLE_MSG2	(deprecated) Devuelve las propiedades del idleMsg2 en el JCSS
LABEL_IDLE_MSG3	(deprecated) Devuelve las propiedades del idleMsg3 en el JCSS
LABEL_CURRENCY	Devuelve las propiedades del idleMsg3 en el JCSS
LABEL_CURRENCY_CUSTOM	(deprecated) Devuelve las propiedades del currency_custom en el JCSS
LABEL_BG_CURRENCY	Devuelve las propiedades del bg_currency en el JCSS
LABEL_BG_BALANCE_TOP	(deprecated) Devuelve las propiedades del bgBalanceTop en el JCSS
LABEL_BG_BALANCE_EQUAL	(deprecated) Devuelve las propiedades del bgBalanceEqual en el JCSS
LABEL_BG_BALANCE	(deprecated) Devuelve las propiedades del bgBalance en el JCSS
LABEL_BG_CURRENCY_BOTTOM	(deprecated) Devuelve las propiedades del bgCurrencyBottom en el JCSS
LABEL_BG_EQUAL_INPUT	(deprecated) Devuelve las propiedades del bgEqualInput en el JCSS
LABEL_BG_BIG_GENERAL	(deprecated) Devuelve las propiedades del bgBigGeneral en el JCSS
LABEL_BG_EQUAL_PART	(deprecated) Devuelve las propiedades del bgEqualPart en el JCSS
LABEL_IDLE_IMG	Devuelve las propiedades del idleImg en el JCSS
LABEL_IDLE_IMG2	(deprecated) Devuelve las propiedades del idleImg2 en el JCSS
LABEL_IDLE_IMG3	(deprecated) Devuelve las propiedades del idleImg3 en el JCSS
LABEL_IDLE_IMG_FEEDBACK	Devuelve las propiedades del idleImgFeedback en el JCSS
LABEL_MSG_LOW_BATTERY	Devuelve las propiedades del msgLowBattery en el JCSS
LABEL_AMOUNT	(deprecated) Devuelve las propiedades del amount en el JCSS
LABEL_TOKEN_TITLE	(deprecated) Devuelve las propiedades del token_title en el JCSS
LABEL_TOKEN_VALUE	(deprecated) Devuelve las propiedades del token_value en el JCSS
LABEL_DESCRIPTION_TITLE	(deprecated) Devuelve las propiedades del description_title en el JCSS
LABEL_DESCRIPTION	(deprecated) Devuelve las propiedades del description en el JCSS
LABEL_QTT_CURRENCY	(deprecated) Devuelve las propiedades del qtt_currency en el JCSS
LABEL_ITEM_VALUE	(deprecated) Devuelve las propiedades del item_value en el JCSS
LABEL_QUANTITY	(deprecated) Devuelve las propiedades del quantity en el JCSS
LABEL_DISCOUNT_CURRENCY	(deprecated) Devuelve las propiedades del discount_currency en el JCSS
LABEL_DISCOUNT_VALUE	(deprecated) Devuelve las propiedades del discount_value en el JCSS
LABEL_DISCOUNT_TITLE	(deprecated) Devuelve las propiedades del discount_title en el JCSS
LABEL_TITLE_SUMMARY	(deprecated) Devuelve las propiedades del discount_summary en el JCSS
LABEL_TITLE_payment	(deprecated) Devuelve las propiedades del discount_payment en el JCSS
LABEL_ITEM_TOTAL	(deprecated) Devuelve las propiedades del item_total en el JCSS
LABEL_ITEM_TOTAL_VALUE	(deprecated) Devuelve las propiedades del item_total_value en el JCSS
LABEL_ORDER_PRODUCT	(deprecated) Devuelve las propiedades del order_product en el JCSS
LABEL_ORDER_QTT	(deprecated) Devuelve las propiedades del order_qtt en el JCSS
LABEL_ORDER_VALUE	(deprecated) Devuelve las propiedades del order_value en el JCSS
LABEL_PAYMENT_TOTAL	(deprecated) Devuelve las propiedades del payment_total en el JCSS
LABEL_PAYMENT_TOTAL_AMOUNT	(deprecated) Devuelve las propiedades del payment_total_amount en el JCSS
LABEL_PAYMENT_PAID	(deprecated) Devuelve las propiedades del payment_paid en el JCSS
LABEL_PAYMENT_PAID_AMOUNT	(deprecated) Devuelve las propiedades del payment_paid_amount en el JCSS
LABEL_PAYMENT_BALANCE	(deprecated) Devuelve las propiedades del payment_paid_balance en el JCSS
LABEL_PAYMENT_BALANCE_AMOUNT	(deprecated) Devuelve las propiedades del payment_paid_balance_amount en el JCSS
LABEL_BG_SUMMARY	(deprecated) Devuelve las propiedades del bg_summary en el JCSS
LABEL_ORDER_TOTAL	(deprecated) Devuelve las propiedades del order_total en el JCSS
LABEL_ORDER_TOTAL_VALUE	(deprecated) Devuelve las propiedades del order_total_value en el JCSS
LABEL_PAYMENT_VALUE	(deprecated) Devuelve las propiedades del payment_value en el JCSS
LABEL_PAYMENT_VALUE_EQUAL	(deprecated) Devuelve las propiedades del payment_value_equal en el JCSS
LABEL_PAYMENT_METHOD_AMOUNT	(deprecated) Devuelve las propiedades del payment_method_amount en el JCSS
LABEL_BALANCE_LABEL	(deprecated) Devuelve las propiedades del balance_label en el JCSS
LABEL_BALANCE_LABEL_EQUAL	(deprecated) Devuelve las propiedades del balance_label_equal en el JCSS
LABEL_BALANCE_AMOUNT_LABEL	(deprecated) Devuelve las propiedades del balance_amount_label en el JCSS
LABEL_BALANCE_AMOUNT_LABEL_EQUAL	(deprecated) Devuelve las propiedades del balance_amount_label_equal en el JCSS
MEMO	Devuelve las propiedades del Memo en el JCSS

Función	Descripción
create	creación de un timer
setTimer	Añade un timer a un componente.
reset	Restablece el timer de un componente.

Constante	Valor	Descripción
WIDTH	0	Número de píxeles en horizontal (ancho).
HEIGHT	1	Número de píxeles en vertical (altura).
TYPE	2	Tipo de imagen ( phbmp - 0, native -1, bmp - 2 ).
PHBMP	0	Tipo de imagen phbmp (proprietário da phoebus).
NATIVE	1	Número de píxeles en horizontal.
BITMAP	2	Tipo de imagen bitmap.

Función	Descripción
attr	Buscar atributo de imagen de acuerdo con la constante pasada.
bmp2PhBmp	Convierte bmp en PhBmp.
create	Crea un Tbitmap.
load	Carga una imagen Bitmap del archivo IMG, o hace una copia profunda si el segundo parámetro es una imagen de.
save	Guarda una imagen ( Bitmap, PhBuffer o nombre del archivo que contiene a imagen ) en el archivo IMG.
saveExt	Guarda una imagen ( Bitmap, PhBuffer o string conteniendo el nombre del archivo ) en el arquivo IMG.